React Native Handling Touch

Basic Button adalah Komponen Basic Button akan ditampilkan denganbaik pada semua platform.

Contoh:

Sintak diatas akan dirender dengan label biru di iOS, dan rounded rectable dengan teks putih pada Android. Ketika Anda menekan tombol maka akan dipanggil fungsi “onPress” yang dalam hal ini menampilkan alert popup

Handling Touch

Menampilkan Basic Button

Touchable

Anda dapat membuat tombol sendiri dengan component “Touchable”. Akan tetapi, component ini tidak menyediakan default styling, jadi Anda perlu untuk membuat style sendiri.

1. Umumnya Anda dapat menggunakan TouchableHighlight dimanapun pada aplikasi Anda
2. Anda dapat menggunakan TouchableNativeFeedback di Android untuk menampilkan efek background Ketika user menyentuh tombol.
3. Anda dapat menggunakan TouchableOpacity untuk memberikan umpan balik dengan mengurangi opacity tombol, dan memungkinkan latar belakang terlihat saat user menekan tombol.
4. Jika Anda perlu menangani tap gesture (ketukan pada layer) tetapi tidak ingin ada efek background pada tombol gunakan TouchableWithoutFeedback

Touchable contoh:

Touchable contoh:
(sambungan kode program sebelumnya)

Touchable contoh:
(sambungan kode program sebelumnya)

Hasil :

Kesimpulan 

Untuk Handling Touch dapat menggunakan Basic Button atau Touchable.

Sumber Referensi : reactnative.dev