Mencoba NativeBase Bagian 2

Menindaklanjuti rasa penasaran saya terhadap NativeBase pada post sebelumnya akhirnya hari libur kemarin melanjutkan oprek react-native + nativebase ini. Rencana saya sih ingin membuat project sekalian belajar, kebetulan kemarin juga lagi mau memperbarui aplikasi ramadhan (post 1 dan post 2) akhirnya mencoba menulis ulang dari Native Java ke React Native + NativeBase.

Berikut ini beberapa layout yang saya buat untuk aplikasi yang baru.

Membuat Grid dengan Flexbox

Screenshot di atas saya sedang mencoba untuk membuat screen beranda, dengan beberapa menu disertai gambar / ikon. Disini saya masih sedikit kesulitan dengan styling menggunakan FlexBox.

Membuat ListView dengan Mudah

Kini membuat ListView / RecyclerView (Android Native) sedikit lebih mudah

Searchbar + ListView

Membuat searchbar di Toolbar / Actionbar juga cukup mudah daripada di Android Native

Start New Activity

Contoh penggunaan react-navigation untuk membuka screen / activity baru

Juga dapat dilihat pada layout di atas terdapat Tab pada bagian bawah, bikinya sedikit bingung awalnya, tapi lama kelamaan juga bakalan ngeh sendiri.