Part 5 | widget_appbar.dart
Membuat UI aplikasi BPJS Kesehatan menggunakan flutter
5 November, 2022
1
1
0
Contributors
Pada Part 4 saya telah membuat bagian Navigation Bar yang disebut NavActive( ), di bagian tersebut terdapat variable widget yang disebut dengan AppBarWidget( ) dimana widget tersebut akan saya buat sekarang.
Create File
karena widget AppBarWidget( ) ini bersifat global dan dapat digunakan saat dibutuhkan, saya akan membuat file baru yang diberi nama widget_appbar.dart dan file tersebut akan saya simpat pada folder lib/widgets/ .
Create AppBarWidget
pertama, saya akan melakukan import material terlebih dahulu lalu membuat StatelessWidget yang diberi nama AppBarWidget.
didalam StatelessWidget tersebut saya tambahkan variable widget appTitle dan action lalu widget Container( ) -nya saya rubah menjadi AppBar( ).
terakhir, pada widget AppBar( ) tersebut saya tambahkan variable widget appTitle pada bagian title dan variable widget action pada bagian actions, juga saya tambah dekorasi seperti warna latar dan elevation-nya.
Warning
Tak lupa juga saya import widget AppBarWidget( ) ini pada file nav_active.dart