Membuat SliverAppBar Pada Flutter

M. Sulthan Al Ihsan
Nov 4 · 1 min read

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.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade