Scribd
Unggah
25 tayangan5 halaman

Modul 6 - SnackBar, Tabbar, Baotton Navigation Widget

modul 6

Diunggah oleh

Ilham Yudanto 9k
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
25 tayangan5 halaman

Modul 6 - SnackBar, Tabbar, Baotton Navigation Widget

modul 6

Diunggah oleh

Ilham Yudanto 9k
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 5

LAPORAN MODUL PRAKTIKUM

PEMROGRAMAN MOBILE
MODUL 6

DISUSUN OLEH
[ NAMA]
[NPM]

PROGRAM STUDI INFORMATIKA


FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS BHINNEKA PGRI
2023

Program Studi Informatika - UBHI


PROGRAM STUDI INFORMATIKA
FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS BHINNEKA PGRI
Praktikum Matakuliah Pemrograman Mobile
SnackBar, tabBar, Baotton
Modul Praktikum
Navigation Widget
Dosen Pengampu Taufiq Agung Cahyono, M.Kom

1. SnackBar Widget
Sncakbar adalahh sebuah pesan singkat yang muncul di layar bawah hp ketika kita

memencet sebuah tombol dan itu hampir mirip dengan toast. snackbar yang berguna

untuk memberi tahu pengguna secara langsung saat tindakan tertentu terjadi.

Misalnya, saat pengguna menghapus pesan dalam list, maka akan muncul notifikasi
yang memberi tahu mereka bahwa pesan tersebut telah dihapus. Bahkan nantinya, ada
opsi yang diberikan untuk pengguna agar dapat membatalkan tindakan.

Untuk mengunakan widget ini, kita perlu memanggil fungsi showSnackbar


sebagaimana kita memanggil fungsi pada dialog. Akan tetapi fungsi showSnackbar

harus diawali dengan ScaffoldMessenger. Adapun cara penggunaanya dapat disimak

seperti dibawah ini :

2. TabBar Widget
TabBar adalah salah satu widget yang disediakan oleh flutter untuk membuat layout

dengan model tab yang umumnya terdapat pada aplikasi android. Biasanya TabBar
ditampilkan di bagian bawah appbar. Tabbar biasanya digunakan untuk

Program Studi Informatika - UBHI


menklasifikasikan atau mengkategorikan konten, hal ini tentu membuat user lebih

cepat dalam menavigasi konten-konten yang berbeda melalui tab. Whatsapp adalah
salah satu contoh aplikasi yang menggunakan TabBar, berisi tab camera, chat, status

dan panggilan. Penggunaan TabBar harus diawali dengan DefaultController yang

diletakan sebelum scaffold. Sehingga bisa diartikan bahwa DefaultController akan

membungkus scaffold.

3. Button Navigasi Bar


Bottom Navigation Bar adalah adalah Widget yang terdapat pada bagian bawah
aplikasi yang digunakan untuk berpindah dari halaman satu ke yang lainnya. Biasanya

Widget ini terdiri dari tiga sampai dengan lima komponen yang mana jika di klik akan

membawa kita ke halaman laninnya. Selain itu untuk tampilan, Bottom Navigation Bar
terdiri dari beberapa mode yaitu dalam bentuk label teks, icon, atau keduanya. Nah,
udah pada tau kan, mari kita lanjut cara membuat Bottom Navigation Bar. Pada

Program Studi Informatika - UBHI


praktikum ini kita akan menggunakan statefull widget untuk meberikan kesan berubah

pada tampilan system.

Program Studi Informatika - UBHI


Tugas Modul 6
1. Modifikasi setiap widget yang ada pada modul diatas dengan
kreativitas kalian. (Boleh melihat referensi di internet).
2. Semakin banyak modifikasi yang dilakukan, maka semakin
bagus nilai yang akan didapat.
3. Berikan penjelasan dari setiap modifikasi yang sudah kalian
buat

Program Studi Informatika - UBHI

Anda mungkin juga menyukai