05.06. Diğer Bileşenler

Temel bileşenler, sıklıkla kullanılırken diğer bileşenler belirli uygulamalar için kullanışlı olabilir. Bu bölüm diğer bileşenler arasında öne çıkan bileşenlere ayrılmıştır. Bu bölümde tanıtılan bileşenler hem Android hem de iOS platformlarında çalışır.

Bileşen / APIAçıklaması
ActivityIndicatorDairesel bir yükleme göstergesi görüntüler.
AlertBelirtilen başlık ve mesaj ile bir uyarı iletişim kutusu başlatır.
AnimationOluşturulması ve bakımı kolay, akıcı, güçlü animasyonlar oluşturmak için bir kütüphanedir.
CameraRollYerel kamera uygulamasına / galerisine erişim sağlar.
ClipboardHem iOS hem de Android’deki panodan içerik kopyalamak ve yapıştırmak için bir arayüz sağlar.
DimensionsCihaz boyutlarını almak için bir arayüz sağlar.
KeyboardAvoidingViewSanal klavyenin yolundan otomatik olarak çıkan bir görünüm sağlar.
LinkingHem gelen hem de giden uygulama bağlantılarıyla etkileşime geçmek için genel bir arayüz sağlar.
Modalİçerik üzerinden bir görünüm sunmanın basit bir yolunu sağlar.
PixelRatioCihazın piksel yoğunluğuna erişim sağlar.
RefreshControlBu bileşen, işlevselliği yenilemek için bir ScrollView içinde kullanılır.
StatusBarUygulama durum çubuğunu kontrol etmek için bileşendir.
WebViewWeb içeriğini yerel görünümde sunan bir bileşendir.

Yeni Reac Native versiyonları ile birlikte bazı bileşenler önemini yitirirken bazı bileşenler daha ön plana çıkmaktadır. Daha fazla bileşen için React Native web sitesini kontrol etmenizi öneririm. Özellikle internette bir probleme çözüm ararken bir de React Native sitesine bakmanızda yarar vardır. Çünkü, internetteki çözümler eski versiyonlara uygun olabilmektedir.

Bir alert örneği ile bu bölümü bitirelim. Alert üzerinden üç button olsun, iki button metin değiştirirken üçüncü button hem metin değiştirsin hem de alert bileşenini silsin.

constructor iki state metni göstermek için sonuc değişeni ve alert button görünürlüğü için  button_visible değişkeni tanımladık. _onPressButton Alert API’si çağrıyor. Alert.alert fonksiyonu aşağıdaki parametreleri içeren static bir fonksiyondur.

title mecburi ile diğer parametreleri seçimliktir. Yukarıdaki örnekte Message bölümünü ekledikten sonra 3 Button oluşturduk. “Daha sonra sor” metnine sahip button _degistir01 fonksiyonunu çağırır. Ancak bu fonksiyonları direkt bu bölümde tanımlayabiliriz. “Vazgeç” metnine sahip button onPress işlemini direkt bir arrow fonksiyonu üzerinden alır. Kodun okunurluğunu arttırmak için 1. button’daki gibi ayrı bir işlem düşünebilirsiniz. Basit işlemler içinde direkt arrow fonksiyonu üzerinde bağlama işlemini düşünebilirsiniz. “Tamam” metnine sahip button ise button_visible değerini de değiştirir. render aşamasında button_visible true ise farklı component seti eğer false ise farklı bir component seti döndürülür. Bu sayede button görselliği engellenmiş olur.

Diğer bileşen ve API’ler üzerinden uygulamalar yapıp özelliklerini öğrenmenizi öneririm.