05.05. iOS ve Android Tabanlı Bileşen ve API’ler

React Native, iOS ve Android ortamına özel bileşenlere (component) ve API’lere destek verir. Bu bileşen ve API’ler sadece kendi platformlarında çalışır. Bu bölümde öncelikle bu bileşen ve API’ler hakkında bilgi verilecektir. Alt bölümde platforma özel kod nasıl yazılacağı anlatılacaktır.

iOS Bileşen ve API’ler

Bileşen / APIAçıklama
ActionSheetIOSBir iOS eylem sayfası (Action Sheet) veya paylaşım sayfasını görüntülemek için API.
AlertIOSBir mesajla bir iOS uyarısı (Alert) iletişim kutusu oluşturun veya kullanıcı girişi için girdi ekranı oluşturun.
DatePickerIOSiOS’ta bir tarih / saat seçicisi (picker – selector) oluşturur.
ImagePickerIOSiOS’ta bir görüntü seçici oluşturur.
NavigatorIOSBir gezinme (navigation) menüsü uygulamanızı sağlayan UINavigationController üzerine bir bileşendir.
ProgressViewIOSiOS’ta bir UIProgressView oluşturur.
PushNotificationIOSİzin işleme (Permission Handling) ve icon badge numarası dahil olmak üzere uygulamanız için bildirimlerini oluşturmada kullanılır.
SegmentedControlIOSiOS’ta UISegmentedControl yapar.
TabBarIOSiOS’ta bir UITabViewController oluşturur.

Android Bileşen ve API’ler

Bileşen / APIAçıklama
BackHandlerGeri gezinme için button tıklamalarını algılar.
DatePickerAndroidStandart Android tarih seçicisi iletişim kutusunu açar.
DrawerLayoutAndroidAndroid’de DrawerLayout oluşturur.
PermissionsAndroidAndroid M’de tanıtılan izinler modeline erişim sağlar.
ProgressBarAndroidAndroid’de bir ProgressBar oluşturur.
TimePickerAndroidStandart Android zaman seçici iletişim kutusunu açar.
ToastAndroidBir Android Toast uyarısı oluşturun.
ToolbarAndroidAndroid’de bir Toolbar (Araç Çubuğu) oluşturur.
ViewPagerAndroidAlt görünümler arasında sola ve sağa kaydırmayı sağlayan bir container.

Uygulamalarınızda en son çözüm olarak kullanmanızı öneririm. İlk başta iki platform içinde uygun bileşen ve API’leri kullanmanızı öneririm. Ancak, kullanıcıların o platformlarda alışık olduğu yapıları tercih ederseniz her iki platform içinde bu ayrı durumları kodlayabilirsiniz. Alt bölümde farklı platformlara nasıl kod yazacağımızı anlatacağız.