Ö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…
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…
Button 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…
React 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>…
React 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…
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.…
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…
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…
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…
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 :…
