Belajar Membuat AppBar Sederhana Pada Flutter

M. Sulthan Al Ihsan
1 min readNov 3, 2019

Widget AppBar adalah widget utama pada sebuah aplikasi, AppBar merupakan widget yang terletak dibagian atas aplikasi dan biasa berfungsi sebagai control menu pada aplikasi. Pada artikel kali ini saya akan membahas bagaimana membuat appBar sederhana pada flutter,

Pembahasan: Widget AppBar

Goal: Membuat AppBar yang menampilkan ikon, judul, aksi dan item menu item popup berserta aksi nya

Cekidot !

Langkah 1. Buat projek baru pada editor masing-masing, hingga projek default flutter terbuat

Langkah 2. Buat AppBar di dalam scaffold kemudian set properti backgroundColor untuk mengatur warna latar belakang AppBar

Langkah 3. Tambahkan ikon dengan menambahkan properties leading

Langkah 4. Sisipkan properties title untuk menambahkan judul pada appbar

Langkah 5. Tambahkan IconButton didalam propertis action pada AppBar dan tambahkan event handler onPressed pada IconButton

Langkah 6. Tambahkan widget kedua PopupMenuButton di action item dibawah IconButton dan tambahkan juga onPressed

Langkah 7. Tambahkan handler action item saat diklik

Program lengkapnya

References:

  1. https://docs.flutter.io/flutter/material/AppBar-class.html

--

--