Tutorial Flutter Part 4 # Membuat Tabbar

Seperti kita ketahui bahwa komponen tabbar adalah komponen terpenting dalam sebuah tampilan user interface di flutter. Komponen ini biasanya berisi menu untuk berpindah dari satu form ke form yang lain dengan cara melakukan slide kanan ataupun kiri.

Untuk bisa memahami artikel ini silahkan baca artikel tentang cara instalasi flutter dan konfigurasi dart

Tutorial Flutter Part 1 # Mengenal dan Instalasi Flutter

Tanpa basa basi langsung saja kita praktekkan cara berikut:

Pertama buat project di android studio atau di vs code. Pada folder lib->main.dart ubah kodenya menjadi berikut :

jangan lupa tambahkan file baru dan berinama dengan form_papanjadwal.dart

kemudian buat file dashboard.dart tambahkan kode berikut :

dari sini berarti kamu harus menambahkan 3 file dengan extension .dart yaitu bernama tab_papanjadwal.dart, tab_historykonsul.dart, tab_akun.dart

isikan masing-masing kode seperti berikut

kode tab_historykonsul.dart

dan terakhir yaitu tab_akun.dart

Silahkan di coba cara membuat tabbar di flutter berikut hasilnya adalah seperti berikut ini:

Artikel selanjutnya kita akan membuat tabar yang berada di atas dan tabbar yang dinamis. Dimana tabbar ini bisa di buat dan di design sesuai keinginan kita.

#Kesimpulannya

Jadi dengan adanya artikel ini semoga dapat membantu kamu untuk lebih berkreasi lagi. Silahkan baca artikel sebelumnya tentang flutter, agar artikel ini bisa nyambung. Dan jika artikel ini bermanfaat bisa di share dengan cara menyertakan sumber dari artikelnya.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *