Öncelikle google maps eklentisini kurmanız gerekmektedir.react native maps arattığınızda github dan çıkacaktır. https://github.com/react-native-community/react-native-maps 2 şekilde kurabiliyorsunuz. npm install react-native-maps –save-exact Yada yarn add react-native-maps -E…
Yorum BırakKategori: React Native
React Native
Text input componenti kişiden text verisi almak için kullanırız.Phone input compoenentini ise telefon numarası almak için kullanıyoruz. text input örnek kullanımı:<TextInput style={style.textstill} placeholder=’Yazı Girin’></TextInput> Örnek…
Yorum BırakButton ve TouchableOpacity Arasındaki Farklar: button tüm platformlarda çalışır. Çok fazla özelliği yoktur.Eğer özelliştirmek isterseniz TouchableOpacity kullanılır.Genellikle TouchableOpacity özelliği fazla olduğu için genelde kullanılır. TouchableOpacity…
Yorum BırakReact Native Resim Kullanımı 2 yöntemle uygulamamıza resim yüklüyebiliyoruz. 1. Yöntem Local 2. Yöntem İnternet sitesinden Öncelikle Image kütüphanesini ekleyin sonrasında eklemek istediğiniz yere <Image>…
Yorum BırakReact native de state hakkında bilgi aktaracağım Class based component de kullanabilir. State ve Props sistemi farklıdır. State ait olduğu componenete daire veriler içeren js…
Yorumlar kapalıAxios client side çağrılarının yapılmasını sağlayan javascript kütüphanesidir. npm paketi üzerinden projelerinizde kullanabilirsiniz. Axios kütüphanesini öncelikle kurmanız gerekmektedir. npm install –save axios komutu ile kurabilirsiniz.…
Yorumlar kapalıConstructor -> Render -> ComponentDidMount -> componentDidUpdate -> ComponentWillUnmount lifecycle döngüsünde öncelikle her zaman render yapılmak zorunluluğu vardır. Uygulama ilk açıldığında çalışabilir.Butona tıklandığında çalışabilir.Belli bir…
Yorumlar kapalıFunctional Component Class Based Component Functional Component:Sadece ekranda belli miktar içerik göstermek için kullanılır.HTTP isteği gönderilmezLifecycle metotlarına ulaşılmazState ulaşılmaz.Yazımı kolaydır. HTTP isteği gönderilir.Bütün veri işlemelerinde…
Yorumlar kapalıProps sistemi aynı kodları tekrar tekrar yazmanıza gerek kalmamasını göster. Parent component den child compenentene data aktarmak için kullanılır. Child componentda ayarlarımı bu sayede yapabilirsiniz…
Yorumlar kapalıElementlerinizi konumlamanız için kullanılmaktadır. Default olarak react native de gelmektedir. Justiycontent dikey eksense konumlandırması sağlanır. Kullanılan komutları: justifyContent ile dikey olarak konumlandırmanızı sağlar flext-start :…
Yorumlar kapalı