Tutorial ClickListener Pada React Native Serta Penggunaannya

Pada sebuah aplikasi (Real World APP) pasti menggunakan komponen button, dimana komponen Button sangatlah penting bagi pengguna. Misalnya untuk Submit di halaman register, mengisi komentar, memberikan like dan sebagainya. Jadi ClickListener pada React Native seperti : onPress, onPressIn, onPressOut sangat penting kamu pelajari dan kuasai.

React Native sendiri memiliki komponen primitif bawaan dari React Native yaitu Button dan Touchable. Dimana pada masing-masing komponen tersebut memiliki properti callback yang berbeda beda dan efek yang berbeda beda juga. Langsung saja ke tutorial penggunaan  ClickListener  pada komponen di React Native.

Tutorial ClickListener Pada React Native Serta Penggunaannya 

• Buat project baru React Native atau bisa menggunakan expo.
• Kemudian tuliskan kode di bawah ini :

Penjelasan 

1. Button  adalah komponen tombol dari React Native yang hanya bisa di beri style dengan Text
2. TouchableOpacity adalah komponen React Native untuk tombol dengan efect membayang bisa di gunakan untuk berbagai komponen seperti Image, Text, View dan sebagainya.
3. TouchableHighlight komponen hampir mirip dengan TouchableOpacity namun dengan efek highlight hitam.
4. TouchableNativeFeedback adalah komponen dengan efek murni dari android, hanya bisa digunakan di Android, tidak bisa digunakan pada iOS.
5. TouchableWithoutFeedback adalah komponen tanpa efek

• Berikut hasilnya:

Ok sekian semoga Tutorial ClickListener Pada React Native Serta Penggunaannya  dapat bermanfaat dan membantu kamu yang sedang mencari kumpulan tutorial React Native bahasa Indonesia gratis dan lengkap.

Baca Juga
#1 Pengenelan React Native Dan Cara Instalasinya Lengkap
#2 Tutorial React Native State Dan Props Serta Penjelasannya
#3 Tutorial Menampilkan Gambar React Native Yang Baik & Benar
#4 Tutorial React Native Alert, Beserta Jenis-Jenisnya Lengkap