APP BAR MOBILE PROGRAMMING

 APP BAR MOBILE PROGRAMMING

Haii guys kembali lagi di blog saya. Nah untuk kali ini saya akan membahas tentang App Bar Mobile Programming. Untuk itu kita langsung saja kita buat di Visual Studio Code.

Untuk langkah-langkah nya ialah :

1. Buka aplikasi Visual Studio Code. Selanjutnya pilih view > Command Palette

2. Lalu pilih dimana folder akan disimpan kemudian select a folder nya

3. Beri nama pada project yang akan dibuat.

4. Selanjutnya akan muncul seperti gambar berikut.

5. Selanjutnya delete semua coding yang ada dengan cara ctrl+a lalu delete.

6. Beri komentar pada semua code yang terdapat pada widget_test nya dengan cara ctrl+/

7. Untuk main.dart diisi dengan codingan sesuai gambar dibawah ini. Kemudian dirun kan. Ohya pastikan bahwa koneksi internet dan koneksi ke smartphone nya telah terhubung ya. (Jika belum paham cara menghubungkannya dapat dibaca di blog saya sebelumnya)

Sehingga hasil output seperti berikut

8. Selanjutnya untuk memberi tanda sebagai menu navigasi maka tambahkan codingan pada baris 7-11. Lalu jadikan komentar pada baris 12

Sehingga hasil outputnya sebagai berikut

9. Untuk mengganti warna latar dapat diatur pada baris ke 15 seperti contoh dibawah

Sehingga hasilnya sebagai berikut

Nah begitulah kurang lebih caranya teman-teman.
Mohon maaf bila ada kesalahan ya.
Sampai jumpa di blog saya selanjutnya

TERIMA KASIH😉😇