Pada kesempatan ini Konsep Koding akan berbagi tutorial simple React Native, sebelum masuk ke tutorial kita perlu tahu, dulu kenapa kita mempelajari ini, terkadang ketika kita ingin membuat aplikasi dan berinteraksi dengan pengguna aplikasi kita kadang kita ingin menampikan peringatan, informasi, atau apapun itu.  Namu interkasi yang ingin kita berikan kepada user berupa pesan tanpa timbal balik dengan pengguna.
https://www.konsepkoding.com/2020/04/tutorial-react-native-toastandroid.html
 ToastAndroid React Native


Nah oleh karena itu kita perlu menggunakan yang namanya Toast component, dimana component Toast memberikan informasi berupa pesan kepada user tanpa user perlu memberikan timbal balik, karena Toast akan hilang dengan sendirinya.


Apa Yang Akan Kita Pelajari ?

1. Pengenalan Toast
2. Memulai Koding dengan Toast di React Native


Memulai Koding dengan Toast di React Native



  • Pertama silahkan buat project baru atau bisa menggunakan project sebelumnya

npx react-native init toastExample

  • Setelah itu buka file App.js pada project React Native kamu
  • Kemudian ubah kode App.js kamu menjadi seperti kode di bawah ini, oh ya disini untuk paradigma nya saya menggunakan Stateless Component atau biasa disebut Hooks



  • Kemudian jika kamu telah menulis kode di atas silahkan, buka terminal kamu dan jalankan perintah untuk menjalankan React Native di Android.

npx react-native run-android

Kemudian jika kamu berhasil menjalankan project React Native dan benar dalam menuliskan kode nya maka tampilan aplikasi Toast React Native yang kita buat akan seperti pada gambar di bawah ini:


https://www.konsepkoding.com/2020/04/tutorial-react-native-toastandroid.html
ToastAndroid React Native

Demikian tutorial ToastAndroid React Native dari Konsep Koding, semoga tutorial ini bermanfaat dan sekedar informasi, ToastAndroid hanya bisa digunakan pada Platform Android. Tapi jangan sedih di tutorial selanjutnya akan di bawah mengenai penggunaan Platform pada React Native.

Baca Tutorial Lainnya: