Tutorial authentication Email & Password ke Firebase

Assalamu'alaikum wr wb. Disini saya Maulana Akbar Kusuma akan menyelesaikan tugas untuk memenuhi tugas Mobile.

Jadi disini saya akan membuat auth untuk menyambungkan react native dengan firebase

Pertama tama kita harus menginstall dulu package dari firebase

npm install @react-native-firebase/app

setelah itu buka folder aplikasi yang kita buat...

lalu buat folder navigation, di folder navigation tambahkan file dengan nama AuthProvider.js

lalu masukan kodingan seperti berikut.

setelah itu kita tambahkan file lagi yaitu index.js

dan ini adalah kodingannya

lalu tambahkan juga file Routes.js

dan ini adalah kodingannya

Setelah membuat Routes.js disini saya membuat AppStack.js untuk bottom navigatornya dan ini adalah kodingannya 

Setelah AppStack.js dibuat kita buat satu file lagi yaitu AuthStack.js , authstack disini berfungsi untuk berpindah pindah screen . Dan ini adalah kodingannya

lalu kita buka file index.js di login yang telah kita buat sebelumnya

tambahkan seperti berikut

Disini saya tidak mencantumkan stylesnya karena untuk styles atau juga tampilan itu selera masing masing jadi bisa di sesuaikan dengan kebutuhan

Dan ini adalah kodingan untuk form register

untuk form register kodingannya hampir sama dengan form login tinggal disesuaikan saja function dari tombol tombolnya

Setelah selesai semuanya kita tinggal buka saja app.js dan replace kodingannya menjadi seperti ini

Semua kodingan telah selesai, sekarang kita coba tes aplikasinya,

Tampilan Login

Tampilan Register

Contoh email yang akan di daftarkan

Email yang telah berhasil dibuat

Sekian yang bisa saya sampaikan.. Terima kasih

Wassalamu'alaikum wr wb

Tweet

Postingan terkait:

Ditulis Maulana Akbar — Saturday, December 12, 2020 — Add Comment — Knowledge, Tutorial