cover-img

Part 5 | widget_appbar.dart

Membuat UI aplikasi BPJS Kesehatan menggunakan flutter

5 November, 2022

1

1

0

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

Full Code

1

1

0

HAKIM MADANI
Multi Platform Developer

More Articles

Showwcase is a professional tech network with over 0 users from over 150 countries. We assist tech professionals in showcasing their unique skills through dedicated profiles and connect them with top global companies for career opportunities.

© Copyright 2025. Showcase Creators Inc. All rights reserved.