Bagaimana Membuat Widget (icon) di AppBar pada Flutter ?


Assalamu'alakum Wr.Wb... hai teman-teman kali ini aku bakal memberikan tutorial bagaimana cara membuat icon di AppBar pada Flutter. penasaran? baca sampai bawah ya!


1. pastika kamu hubungkan komputer/pc mu ke androidmu.

2. lalu hidupkan opsi pengembang dan debugging USB di androidmu.

3. pastika koneksi jaringan stabil/lancar.

4. lalu buka aplikasi Visual Studio Code nya.

5. buat project baru dengan cara view > command Palette (Ctrl+Shift+P) > lalu pilih folder penyimpanan project nya > lalu kamu beri nama projectnya sesuai keinginan > lalu enter.

6. setelah project di buat kamu akan ditampilkan langsung code main.dart. kamu hapus semua code nya. lalu buat code seperti di bawah ini : 




7. setelah itu kamu run and debug saja code nya dengan cara di bagian kanan atas icon tanda panah segitiga tekan icon itu.

8. berikut tampilan debug consol jika berhasil.


connecting to vm....

lalu akan muncul di bagian androidmu hasil outpunya seperti gambar di bawah ini.


9. jika sudah muncul hasil output seperti gambar di atas berarti kamu berhasil membuat sebuah program flutter sederhananya. nah yang dimaksudkan icon disini adalah icon garis tiga atau icon navigasi menu.
di debug console kamu error dan tidak muncul bisa jadi penyebabnya kendala terhadap jaringan.

10. selesai.

nah seperti itu tadi langkah-langkahnya. silahkan koment jika ingi bertanya soal kendala program ini yang kamu coba jalankan.

untuk penjelasan dalam bentuk video kamu bisa akses di link di sini : Tekan disini untuk melihat Video Penjelasan
untuk link source code dart bisa kamu akses di link git hub ku : Tekan Disini untuk DOWNLOAD SC

lebih dan kurang aku mohon maaf, sampai ketemu di penjelasan selanjutnya ya.... see you again guyssss....bye-bye...





Komentar