React Native Bottom Tabs Navigation

Navigation, SectionList, dan Form Input (Child Page) menggunakan React Native versi 0.82 dengan Expo Router. Pembahasan mencakup penjelasan teori singkat tentang React Native sebagai framework lintas platform yang dikembangkan oleh Meta, langkah pembuatan halaman baru seperti mahasiswa.tsx, penambahan menu pada navigasi bawah (Bottom Tab), serta cara menampilkan data menggunakan komponen SectionList. Selain itu, juga dijelaskan proses pembuatan halaman form input sederhana dengan komponen TextInput yang terhubung melalui tombol FAB di halaman Explore. Selama praktikum, muncul beberapa kendala seperti error ikon, struktur folder yang tidak terbaca, dan kesalahan pada router, namun semua dapat diselesaikan dengan melakukan pengecekan struktur proyek, menambah mapping ikon baru, serta memastikan konfigurasi navigasi berjalan dengan benar. Hasil akhirnya, aplikasi dapat menampilkan tiga tab utama yaitu Explore, Profile, dan Mahasiswa, dengan tampilan navigasi yang interaktif, elegan, dan responsif. Praktikum ini menunjukkan bagaimana React Native mampu mempermudah proses pembuatan aplikasi mobile dengan navigasi kompleks dalam satu basis kode yang efisien.

Видео React Native Bottom Tabs Navigation канала Muhammad Yusyaf Arthur