Membuat SliverAppBar Pada Flutter

M. Sulthan Al Ihsan
1 min readNov 4, 2019

Pada artikel kali ini kita akan mencoba widget yang bernama SliverAppBar, widget ini dapat membuat header menjadi menghilang saat aplikasi di-scroll,

Pembahasan: Widget SliverAppBar

Goal: Membuat SliverAppBar beserta listnya

Langkah 1. Buat projek baru pada flutter

Langkah 2. Buat CustomScrollView di dalam properties body scaffold kemudian set properti slivers dan masukan juga SliverAppBar didalamnya

Langkah 3. Tambahkan propertiesleading pada SliverAppBar dengan IconButton

Langkah 4. Lengkapi properties pada SliverAppBar seperti ini

Langkah 5. Dibawah SliverAppBar tambahkan jugaSliverList untuk menampung list pada aplikasi kita

Langkah 6. Sekarang kita bikin method yang akan mereturn List<Widget> bernama _buildList(int)

Langkah 7. Jalankan aplikasi, hasilnya akan seperti dibawah ini

Berikut code selengkapnya

Terimakasih sudah mengunjungi artikel ini, semoga bermanfaat.

--

--