Flutter Slivers Overview: SliverAppBar, SliverPersistentHeader

This is a introduction to slivers, and shows how to use SliverAppBar and SliverPersistentHeader in detail.

HIGHLIGHTS

00:00 - Intro
00:17 - Introduction
01:06 - SliverAppBar
02:49 - SliverPersistentHeader
05:06 - Wrap-up

Want more? Check out all my Flutter courses: 👇👇

Happy coding!

[ayansengupta]

One of the best tutorials on slivers. Thanks for sharing this.

[sundargautamofficial]

Now I came to realize that this is underrated youtube channel.
#I request all viewers to subscribe to his channel.
#Support him
#Thanks for making videos

[gabrielumana]

Thanks a lot for this video, Andrea. Really helpful!

[hirunguyen]

you are great ! love watching these videos in rest time

[nepalesecreator]

nested scroll view scrolls anytime it doesnt depend on the body to scroll but custom scroll view depends on body to scroll.

[rosilbelli]

Hi Andrea, thanks a lot for your videos. Regarding the SliverPersistentHeaderDelegate, I have a centered title on a Stack widget. How is that possible to move this title to the right / top side of the header while scrolling? I've been trying to find out the text size or position without success. Could you help just pointing out a direction to go through, please?

[coffeeecatsss]

how about if i want make an appbar that change background color while scrolling ? like the first app bar doesnt have background color then while scroling the appbar have background? can I use slivers?

[leandroamarillo]

Would you mind sharing with me what flutter/dart plugins you have instaled for vs code?

[Randomdude-ix]

In my scaffold the first element is a column and I place all different widgets in the column. I don't have to override the scrollview to do that. Is there a problem with this method?

[althafaralijaffarali]

Bro I have a doubt. Lets imagine I have used sliverappbar with normal conventional title, leading, actions and also a flexiblespacebar title(a custom container widget with a text 'Search"). if I scroll down both the title get collapsed . I want my conventional title to fade and in that place my flexiblespacebar title to appear while scrolling .How do I get this effect? This effect is used in most of the popular apps. Please share your thoughts.

[RonenHayun]

Thank you for this - can you please tell me what extension is for the tree signs in the code?

[shomendas]

hey man great tutorial. What vscode theme are you using in this tutorial?

[DaviEduardoBarbosa]

Hi, what's the extension name for your brackets guide??

[MistaWu]

Thanks alot, this really helped me...

[shanigupta]

How can I horizontally scroll the list view in Sliver

[SouvikVersatile]

error: Missing concrete implementation of 'getter at [slivers_demo_flutter]

[nornsnl]

Do you know why the sliverpersistentheader removes my drawer?

[mariokirven]

Here is how to fix the errors if you cloned the github repo:
Replace this import:

import ;

in every file with error on the Page Implementation with this import:

import as BrendonPage;

Now on those files replace every time the "Page" Class was used with:
"BrendonPage.Page"

That is whats causing error on 2 files, now on the last file with error found in the network directory. What is causing the error is a missin implementation for the NetworkingPageHeader class.
to Fix this just add this method:

@override
// TODO: implement stretchConfiguration
get stretchConfiguration => throw UnimplementedError();

If you are using android studio you can do the same by putting your cursor on the highlighted NetworkingPageHeader class and pressing the alt and enter keys at the same time and select in the context menu that appears to create missing overrides.

And thats it. or At least that worked for me.

[lennard]

I would say nice... but i copied your networking code and i am getting errors: Failed assertion: line 4345 pos 14: == this': is not true.

[dhruvgoyal]

Can anyone tell how to setState in sliver list?