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.
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.
Her projede olduğu gibi kullanıcıdan girdi almak önemli fakat bu girdilerin belli kuralları olmalı örneğin mail alınacaksa bu uygun formatta olmalıki bilgiler anlamlı olabilsin ve herşeyden önemlisi uygulamamız çökmesin.
Bu yazım bir bakıma önceki yazının devamı sayılabilir.
Daha önce bileşenlere style yazarken aynı .js içerisinde yazıyorduk fakat bu karmaşık projeler için okunabilirliği daha da karmaşık yapmaktadır. Bu sebeple style dosyamızı ayrı tutmak daha düzenli bir yapı kurmamızı sağlayacaktır.
Uygulama yazarken bir yandanda temiz kod örneklerinede dikkat etmeliyiz. Bu yazımızda hem temiz kod için style etiketlerini daha düzenli nasıl yazabiliriz ona bakacağız hemde üç farklı kullanımdan ikisini göreceğiz.
Yine her zamanki gibi expo ile oluşturuyoruz.
projenin oluşmasını istediğimiz klasörde terminal ekranından
|
1 |
expo init |
