PHP, Laravel, Javascript, Vue.js, React ve React Native dersleri.
React Nativenative mobil programlama hakkında bilgiler ve dersler.
React Native’de backend ile veri iletişimi sağlamak için Axios paketi kullanılabilir. Projenize bu paketi eklemek için aşağıdaki komutu çalıştırmalısınız; Axios kullanımını gösteren bir örneğe bakalım. Bu örnekte CRUD işlemleri axios kullanılarak yapılmaktadır.
React Native projelerin veri saklamayı sağlayan Async Storage paketini aşağıdaki komutla projeye eklenir; Obje saklama Saklanan değeri çağırma ve okuma; Saklanan objeyi çağırma ve okuma;
***flex // alanı bölmek için kullanılır // ne kadar yer kaplayacagı: 3 alan olsun, 1. alan flex 1, // 2. alan flex 3 olursa 4 parçanın biri 1. alan, dörtte üçü 2. alan olur ***flexDirection //elementin türü row //elementleri satır…
React Native’de tag’leri iç içe yazmanız gerekir. Örneğin; Yukarıdaki gibi kullanım hatalı çektı verecektir. Peki bu sorun nasıl çözülebilir. React 16.2.0 ile ortaya çıkan Fragments bu sorunu çözmek için kullanılıyor. Fragments kullanarak yukarıdaki örneği güncellersek; şeklinde olursa hata vermeden çalışacaktır.
React Native uygulamasında sayfayı aşağı sürükleyerek sayfayı yeniden yükleyebilirsiniz. Bunun için RefreshControl yapısı kullanılır. ScrollView, ListView and Flatlist için çalışır. Örnek projede detaylı olarak bakalım;
React Native’de yeni bir proje için kullanılacak komut; React Native uygulaması için sunucu başlatmanız gerekiyor; React Native uygulaması android emulatorunde yayınlama; React Native uygulaması iOs emulatorunde yayınlama;
Bilişimden Yola Çıkarak Her Konuda Faydalı Bilgiler Eklediğim Blog. We focus on simplicity, elegant design and clean code.
