Ö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 Developer
Ay: Mayıs 2020
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…
Uygulama başlangıcında kullanıcıya bilgi vermek ne nedir gibi açıklamalar yapmak için kullanılacak bir eklenti. Hem kullanımı kolay hemde kullanıcı için oldukça göz alıcı ve başarılı duran app-intro-slider kullanımına geçelim hemen.
Mobil uygulamalarda kullanıcı deneyimi önemli, kullanıcı sayfada aşağa yukarı gezinmek istemez bu sebeple Progress Steps kullanmak çok yerinde olacaktır. Bu kullanım şekline özellikle eticaret uygulamalarında sepet – adres – ödeme gibi veya uygulamaya kayıt olurken fazlaca detay bilgi alınacaksa ilk olarak kullanıcı adı şifre alıp devamında kişisel sorulara geçilebilir ve kullanıcı kaç adım olduğunu gördüğü için yapacağı işlemler daha net olacaktır.
Web uygulaması oluşturmak için reactjs kullanıyorum. Bunun bir kaç sebebi var öncelikle yeni ve popüler teknoloji olması, topluluk olarak güzel bir kitlesi olup neredeyse her hataya veya ihtiyaca çözüm bulunabilmesi söylenebilir. Benim için diğer bir sebepte mobil uygulama geliştirmede react native kullanıyorum ve aşağa yukarı benzer teknolojiler olduğundan react ile web uygulaması geliştirme süreçleride hızlanıyor.
Uygulama içerisinde kullanıcıya bilgilendirme mesajları vermek önemli ama bunu görsel olarakta güzel sunmalıyız. React native alert kullanmak her zaman göze hoş gelmeyebilir. Toast mesaj benzeri bir yapı kullanmak hem işleri daha kolaylaştıracak hemde gözede hoş gelecektir.
Her uygulamada bazı bilgilerin kayıtlı kalması mutlaka gerekebilir. Bu işlem için veritabanı oluşturmakta bir alternatif olabilir fakat küçük bilgiler için kullanışlı olmayabilir. Örnek vermek gerekirse bir login ekranında beni hatırla özelliği için AsyncStorage kullanılabilir ve kullanımı oldukça kolay. Doğrudan örnek kodunu paylaşıyorum.
Kullanılan uygulamalarda grafikler son derece önem kazandı. Kullanıcıya sayısal değerleri grafik olarak vermek hem arayüz için daha şık hemde kullanıcı deneyimini arttırdığı için nasıl kullanıldığını bilmek bizim için önemli.
Neredeyse her uygulamada ilk açılışta bir yükleniyor ekranı vardır. Bu ekran kullanıcıyı yükleme esnasında sıkmamak için güzel bir örnektir. Bizde bu yazımızda react native bu işlem nasıl yapılır onu göreceğiz.
Mobil projelerde kullanıcı deneyimi son derece önemli. Projede eğer uzunca bir yazı veye kaydırılabilir bir ekran ise sayfa başlığını her zaman üstte tutmak için kendimizde bileşen yazabiliriz ancak hali hazırda bir kütüphane kullanmak işleri daha kolay yapacaktır.