CODEWITHSUNDEEP
flutterflutter-sliver
Dave
Dave

Reputation: 29141

Add space between SliverAppBar and SliverList in Flutter

I have a SliverAppBar and below it, a SliverList.

The first SliverList item is too close to the SliverAppBar. I'd like to add some spacing between, whether via a bottom margin below the SliverAppBar or above the SliverList.

How can this be done?

Upvotes: 25

Views: 19713

Answers (1)

Harsh Bhikadia
Harsh Bhikadia

Reputation: 10885

SliverPadding - wrap this widget around it.

your solution should look something like the this:

SliverPadding(
  padding: EdgeInsets.only(bottom: 8.0),
  sliver: SliverAppBar(...)
)

OR

SliverPadding(
  padding: EdgeInsets.only(top: 8.0),
  sliver: SliverList(...)
)

Upvotes: 60

Related Questions