Now Reading:

Bagian 7 Sign Up dan Login User Authentication

Bagian 7 Sign Up dan Login User Authentication

Step 3: Membuat Aplikasi React Native Menggunakan Expo XDE

Pada tahap kali ini kita akan membuat Aplikasi React Native Menggunakan Expo XDE menggunakan Template Tab Navigation. Jika belum memiliki aplikasi dari Expo XDE silahkan download disini.

Catatan : Pada bagian Expo XDE Pilih sesuai dengan Sistem Operasi yang digunakan maka secara otomatis akan mengunduh aplikasi Expo XDE yang sesuai dengan Sistem Operasi yang kita pilih. Setelah itu silahkan install.

Selanjutnya buka aplikasi Expo XDE maka akan muncul halaman Login seperti di bawah ini :

Jika belum memiliki akun Expo silahkan Melakukan registrasi atau bisa registrasi menggunakan akun github. Setelah melakukan Login maka akan muncul halaman seperti berikut ini:

Pada Gambar di atas silahkan pilih Create New Project dan beri nama sesuai yang kalian inginkan serta pilih pada bagian template yaitu Tab Navigation. Perhatikan gambar di bawah ini:

Setelah itu tunggu hingga project berhasil dibuat. Setelah project berhasil dibuat maka pada Expo XDE akan seperti berikut ini :

Untuk menjalankan bisa menggunakan aplikasi Expo yang dipasang pada smartphone Android maupun Iphone dengan cara pilih “Share” pada bagian kanan atas, maka akan muncul Barcode dan scan menggunakan aplikasi Expo pada Smartphone.

Atau bisa juga menggunakan Genymotion dengan cara buka Genymotion dan jalankan salah satu Device Emulator Android, setelah emulator berjalan pada bagian aplikasi Expo XDE pilih (Device > Open on Android)

Setelah dijalankan maka hasilnya akan seperti ini untuk pertama kali :





Selanjutnya kita akan belajar membuat kode program. Silahkan klik Next Step untuk melanjutkan belajar.

Konten developer untuk Mobile Development yang sangat mencintai mobile programming

Share This Articles