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 / API Açıklama
ActionSheetIOS Bir iOS eylem sayfası (Action Sheet) veya paylaşım sayfasını görüntülemek için API.
AlertIOS Bir mesajla bir iOS uyarısı (Alert) iletişim kutusu oluşturun veya kullanıcı girişi için girdi ekranı oluşturun.
DatePickerIOS iOS’ta bir tarih / saat seçicisi (picker – selector) oluşturur.
ImagePickerIOS iOS’ta bir görüntü seçici oluşturur.
NavigatorIOS Bir gezinme (navigation) menüsü uygulamanızı sağlayan UINavigationController üzerine bir bileşendir.
ProgressViewIOS iOS’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.
SegmentedControlIOS iOS’ta UISegmentedControl yapar.
TabBarIOS iOS’ta bir UITabViewController oluşturur.

Android Bileşen ve API’ler

Bileşen / API Açıklama
BackHandler Geri gezinme için button tıklamalarını algılar.
DatePickerAndroid Standart Android tarih seçicisi iletişim kutusunu açar.
DrawerLayoutAndroid Android’de DrawerLayout oluşturur.
PermissionsAndroid Android M’de tanıtılan izinler modeline erişim sağlar.
ProgressBarAndroid Android’de bir ProgressBar oluşturur.
TimePickerAndroid Standart Android zaman seçici iletişim kutusunu açar.
ToastAndroid Bir Android Toast uyarısı oluşturun.
ToolbarAndroid Android’de bir Toolbar (Araç Çubuğu) oluşturur.
ViewPagerAndroid Alt 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.