Skip to main content

Posts

Showing posts from September, 2018

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