SliverAppBar-class in flutter


In this blog, we will learn SliverAppBar-class in Flutter and check how it works.

Looking for the best Flutter app development company?


In brief the SliverAppBar class in Flutter is a widget that provides a collapsible app bar for a scrollable list or grid. It is designed to be used with CustomScrollView any other widget that has a scrollable content area.

When a SliverAppBar is created, it occupies the top of the scrollable area and can be collapsed as the user scrolls down. By default, it displays a title, leading and trailing widgets, and a background color.
However, It can be customized to display more complex layouts, such as flexible spaces, tabs, and search fields.


Some of the important properties of the SliverAppBar class are:


for example:

In conclusion to the above example, SliverAppBar has a title, leading and trailing icons, and an expanded height of 200 pixels with the background image.
Just Pass this CustomScrollView to the body of the Scaffold.

Result :

As a result, we will get the below screen.

SliverAppBar-class in flutter
SliverAppBar-class in flutter


In this blog, we learn about SliverAppBar-class in flutter. However, you can check more about SliverAppBar-class here.
Thanks for reading…

. . .

Leave a Comment

Your email address will not be published. Required fields are marked*

Be the first to comment.


Excellent work, fast, good quality and understood the brief perfectly! Quick responses developing the project and very good cooperation. I suggest to anyone.

Stathis Plakidas

Stathis Plakidas

Talk to Sales


Live Chat
Start a Project

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home