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.
React Native Developer
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 |
React native geliştirme yaparken kullanılan 2 araçtan söz edecek olursan biri CLI doğrudan react native için kendi uygulama oluşturma aracı ve diğeri ise expo. Ben…
Tüm uygulama geliştirmelerim “expo” oluşturulmaktadır. Sizde “expo” kullanabilirsiniz “CLI” ile artı eksi yönleri var, bana expo pratik geldiği için kullanıyorum. bir sonraki yazıda aralarındaki farklarıda…
Geliştirme expo ile yapılmıştır.
Kullanılan kütüphaneler:
native-base
@expo/vector-icons
Native base kütüphanesi için buradan dökümana ulaşabilirsiniz.