Flutter Tutorial - Hide/Show AppBar & FAB On Scroll | Collapse Toolbar & Floating Action Button

To show/hide AppBar and Floating Action Button on scroll in Flutter use a SliverAppBar to create a Flutter collapsing toolbar animation. Also auto hide Floating Action Button on scroll down in ListView and show Floating Action Button on scroll up in ListView.

SUBSCRIBE HERE

SUPPORT & SPONSOR ME

RESOURCES

TIMELINE
0:00 Introduction Hide/Show AppBar & FAB On Scroll
0:12 Show/Hide AppBar On Scroll
0:39 Snap Floating AppBar
1:05 Show/Hide Floating Action Button On Scroll / Auto Hide FAB On Scroll

SHARE | SUBSCRIBE | LIKE FOR MORE VIDEOS LIKE THIS

*********

SOCIAL MEDIA: Follow Us :-)

LEARN MORE

PLAYLISTS

CREDITS

#Flutter #Tutorial #JohannesMilke

LIKE & SHARE & ACTIVATE THE BELL
Thanks For Watching :-)

[jeanquejada]

Amazing videos tutorials, simple and short example of a great funcionality, please never stop making videos.. Thank you so much man!. ❤

[mzba]

I dont belive such a guy exists, thank you 5 seconds of the video solved my issue

[nested]

awesome as always I learn something new

[khanisrarahmedalihusain]

Thank you so much. I always love your content and Improve my Projects ☺️. Thanks again

[ismaila.amassi]

Hi, thanks for you tutorial.
how we can hide app bar with pin tab bar, please?

[spade]

can you make a video on integrating ads?

[hw]

thank you, using a Boolean was way more convincing than an animation controller

[harry_]

Can you make a video about app size ? Because when I build output it too big size, but it just a Hello World app.

[JayRoy]

How two body can be used in a scaffold?

[Pewdew]

I have a SliverAppBar and TabBar in appbar's bottom: field. And if i scroll quickly, and take finger of, then appbar stucks until body stops, and then appbar hides/shows. How to fix it?

[Itsmikebitch]

Thanks! but is there any efficient way to position this floating action button?
I am using a bottomnavigation bar which hides the button.

[dandusaivarma]

Can we add different floating button in different tab view

[coffeeecatsss]

How about we make different appearance from appbar while we scrolling? Like while scrolling the app bar have different background color sir?

[vidyasagargaikwad]

Hi, its showing some extra space between appbar and listview how to fix please

[maazafridi]

What if i want to do the same with the bottom navigation bar.? Any one??

[elumalaim]

Since the static field "isVisible" set to "false" at initial you don't get to show the FAB by default and that's a bug i guess.

[mohammedhamdan]

but when we use Controller for listView.builder, every logic and features in this video does not work since the Controller disable any others scroll detect , any idea Teacher How to solve this issue ? i tried to shrinkWrap: true, primary: false, but same