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?

Solution 1: Harsh Bhikadia

SliverPadding - wrap this widget around it.

your solution should look something like the this:

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


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