На теперішньому медіа просторі країни, одним із цікавих сайтів, який доносить користувачам можливість бути в курсі головних дійств, дізнатися про впливових людей та бізнеси, а…
React Native Developer
Yazar: yusufpamukcu
Mobil uygulama geliştiriciler, uygulamalarını uygulama mağazalarında(store) yayınlamanın ve güncellemenin zorlu bir süreç olduğunu iyi bilirler. Başvuru yaptıktan sonra duruma göre Google Play’de birkaç saat, App Store’da birkaç gün denecek süreler sonrasında yaptığınız güncelleme yayına alınır.
Redux
Redux, Dan Abramov adında bir vatandaşın yarattığı javascript kütüphanesidir. Redux’ı React ile ayrılmaz bir bütün olarak olmazsa olmazı olarak düşünmeyin. Birlikte çok anılmalarının sebebi; birlikte popüler olmaları ve çok güzel entegre bir şekilde çalışabilmelerinden kaynaklıdır. Redux’ın ana amacı state’leri tek bir yerden yönetmektir. Application manage statement (uygulama durum yöneticisi) olarak geçer.
React Uygulamalarında Karşılaşılan Temel Problem
En sık kullanılan nesnelerden biri sizin için hiç kuşkusuz Platform nesnesi olacaktır. Platform nesnesi ile platform(iOS, Android v.b.) özellinde işlemler yapmanız gerektiği durumlarda kullanabilirsiniz. Şimdi detaylıca bu Platform nesnesini nasıl kullanabileceğimize bakalım. Platform nesnesi react-native paketi altında yer aldığından bu paketi import ederek kullanabilirsiniz şimdi Platform nesnesini ne gibi işler için kullanabileceğimize bir gözatalım.
Uygulama içerisinde kullandığımız resim, text ve buna benzer elemanlara tıklama işlemlerinde kullanabileceğimiz iki araç vardır. Bunlar TouchableOpacity ve TouchableHighlight. Bu elemanlar yardımı ile buton haricindeki yani onPress() fonksiyonu…
Eğer geliştirme yaparken sarı renkli uyarı kutucukları sizi sürekli rahatsız ediyor ve gizlemek istiyorsanız alttaki kodu uygun bir yere yazmanız ile bu sorun ortadan kalkacaktır.
|
1 |
console.disableYellowBox = true; |
Tüm hataları gizlemektense belirli hataları yada uyarıları gizlemek için kullanabileceğiniz farklı yöntemler de mevcut. Bunlar şöyledir;
Uygulamalarınızda sayfa geçişi istiyor veya en azından uygulama içerisinde 2 sayfa varsa mutlaka react-navigation kullanmak zorundasınız. Kısaca kendi kullandığım kodu paylaşıcam.
Bir çok özellik mevcut ancak her birine değinmek mümkün değil tamamen ihtiyaca bağlı dökümandan kullanmak doğrusu olacaktır.
Özellikle mobil uygulamalarda alan yetersizliği ve kullanıcı deneyimi için arayüzün basit ve işlevsel olması gerekmekte. Swipeout ile buton üzerinde sağa ve sola kaydırma ile işlemler yapılabilir. Örneğin sola kaydır ve sil veya listede yer alan bilgi için özellikleri göster olabilir.
Önceki anlatıma nazaran bu kısımda flatlist ile listede seçim yapma ve bu listeye isteğe bağlı renk verebilme gibi özellikler eklenecek.
Örneğin kodları şu şekilde.
React Native ile listeleme yada ekranda alt alta sıralama işlemleri yapmak istiyorsanız en iyi tercih FlatList companenti olacaktır bunun altarnetifleri var (ListView) ancak en çok…