Flutter SliverAppBar Widget

The Sliver App Bar can be used to create more advance app bar. If you want your app bar to disappear when you scroll up, if you want your app bar to have only a section to disappear, this flutter widget is for you. To create the Sliver app bar, you will need to have a custom scroll view first, add the slivers arguments and then add the sliver app bar widget. To see the different possibilities like pinned, floating and snap, you will need to have more Slivers into your app body. In this example, we created a Sliver List inside the slivers argument. Using the sliver app bar is not the most easiest thing to do compare to the simple app bar but if you really want an animation like this, it's one of the best way to do it.

COURSE

OVERVIEW
0:00​ Flutter of the day
0:10​ Custom Scroll View
0:20 Sliver List
0:30 Sliver App Bar
0:40 Floating
0:50 Snap
0:60 Flexible Space
1:10 Pinned
1:20 Courses

MISSION
Our mission at Flutter Mapp (Flutter Mobile App) is to help purpose driven Flutter developers go full-time doing what they love and making an impact through coding. We achieve this with useful Flutter tips and clean UI design apps.

RECOMMENDED

SOCIAL MEDIA:

CONTACT

#FlutterOfTheDay
#Flutter

[MShadow]

this is better than the widget of the week from flutter channel itself!

[d.rew.]

You’re making me wanna start a YouTube channel too with these short and great videos 😭😭
I love the Slivers! Great animations out of the box, great resource handling for lists and super useful!

[RahulPahuja]

You are awesome and short and precise, I made this and I am super happy today I love it

[akhanhanif]

how to change the text 'Map' to anything else on expand or collapse? btw BEST FLUTTER UI TUTORIALS <3

[Vahgana]

Next: bottom app bar and how to add icons to it

[SandwichMitGurke]

i would hide the squiggled lines from errors for the video, because its distracting and occupies a lot of the screen