Skip to main content

Posts

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:
Recent posts

Tutorial Membuat Kalkulator Scient

#Sementara On maintanance masih erorr Membuat kalkulator dengan react native: Code Style: Code dalam fungsi Render: Code Function: Output:

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.

Tutorial membuat Kalkulator dengan React Native

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

Props

Sebagian besar komponen dapat dikostumisasi ketika dibuat dengan parameter yang berbeda, parameter tersebut namanya props Untuk contoh kita menggunakan komponen image, pada saat menampilkan gambar maka dibutuhkan parameter(props) berupa source untuk mengontrol bagaimana gambarnya. Hasilnya: Anda juga mampu menggunakan props anda sendiri, dengan begitu anda mampu membuat komponen tunggal yang digunakan di banyak tempat berbeda di Aplikasi Anda. Lalu dipanggil di fungsi render Hasilnya: NB: maaf Output tampak aneh karena react native saya lagi error tidak build javasript bundle jadi saya pakai yang online

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