Widget AppBar dan Body Flutter

Widget AppBar

Pemrograman Bergerak Flutter

1️⃣ AppBar()

AppBar merupakan salah satu komponen penting dalam pengembangan aplikasi bergerak menggunakan flutter ( flutter mobile app ). AppBar ini digunakan sebagai isi properti dari widget Scaffold().

Menggunakan widget AppBar secara default melalui perintah

Layaknya seperti widget-widget lain dalam flutter, AppBar() ini juga memiliki beberapa properti yang bisa digunakan sesuai dengan kebutuhan pengembangan aplikasi

Misalnya, menggunakan properti title

Satu widget bisa menggunakan lebih dari satu properti dengan dipisahkan koma antar properti

Misal mengganti background AppBar dengan perintah

Menjadikan ada perbedaan antara wilayah AppBar dan bagian lainnya ( body )

Perhatikan penambahan properti untuk menampung widget dalam wilayah AppBar berikut untuk penjelasan dengan visual. Menambahkan ikon dan widget atau tombol di sebelah sisi kanan layar.

leading sebagai properti akan tampil di sebelah kiri dan biasanya digunakan untuk ikon. Bisa juga sebagai foto. Sedangkan action: [] akan menjadi menu tambahan yang berada di sebelah kanan layar aplikasi.

Setiap properti, memiliki fungsi masing-masing sesuai kebutuhan. Eksplore lebih banyak untuk mendapatkan experience dan gambaran penggunaan dalam pengembangan mobile app

2️⃣ Body

Body merupakan bagian yang tidak terpisahkan sebagai bagian isi dari Scaffold. Dua properti yang penting diketahui dalam tubuh Scaffold adalah appbar dan body.

body: menjadi bagian yang akan tampil dan berinteraksi langsung dengan pengguna. Seluruh bagian yang berwarna putih dalam UI dibawah ini dinamakan dengan bagian body.

Peletakan dalam struktur kode, terlihat dalam potongan kode berikut