Skip to main content

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

Comments

Popular posts from this blog

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: