React Navigation Tutorial

Aplikasi mobile jarang dibuat dari satu layar, untuk mengatur layar-layar atau halaman yang ada pada aplikasi disebut navigator. Jika Anda baru memulai dengan navigasi, Anda mungkin ingin menggunakan React Navigation. React Navigation menyediakan solusi navigasi yang mudah digunakan, dengan kemampuan menyajikan navigasi stack umum dan pola navigasi tab di kedua iOS dan Android.

Instalasi:

Dengan begitu sekarang kita bisa mengakses seperti stack navigator atau draw navigator dan fitur-fitur yang seperti kalian lihat aplikasi-aplikasi keren yang beredar. Transisi halaman yang tampak keren, dan fitur keren lainnya.

Comments

Tutorial membuat Kalkulator dengan React Native

Membuat kalkulator dengan react native: Code Style: Code dalam fungsi Render: Code Function: Output:

PERSIAPAN dan Compile

Halaman akan membantu untuk memuali mempelajari tentang React Native. Hal-hal yang dipersiapkan adalah 1. Asumsikan anda telah mengistall Node.jske dalam PC anda 2. install react native ke dalam PC anda dengan command line 3. lalu jalankan command untuk membuat project baru dengan cara (kita anggap nama projeknya adalah App2) 4. Contoh Code dari App.Js 5. Hasil dari npm start akan keluar barcode yang harus di scan menggunakan aplikasi Expo( cari aja di Play Store atau App Store) 6. output di Aplikasi Expo adalah Terima Kasih atas perhatiannya terima Kasih

Scrolling View React Native

ScrollView adalah Scrolling generik yang dapat meng-host beberapa komponen dan tampilan. Item yang dapat di-scroll tidak harus homogen, dan Anda dapat menggulir secara vertikal dan horizontal (dengan mengatur properti horizontal). Contoh pada kode: Maka hasilnya:

React Native Tutorial

Search This Blog