title: How to remove extra bottom space in SliverAppBar
body: <p>I was trying to remove the extra space at the bottom of the <code>SliverAppBar</code>.</p>
  
  <p>My code is: </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>class Home extends StatefulWidget {
    @override
    _HomeState createState() =&gt; _HomeState();
  }
  
  class _HomeState extends State&lt;Home&gt; with TickerProviderStateMixin {
    ScrollController _scrollViewController;
    TabController _tabController;
    double scrollPosition;
  
    @override
    void initState() {
      _scrollViewController = ScrollController();
      _tabController = TabController(vsync: this, length: 2, initialIndex: 0)
        ..addListener(() =&gt; _scrollViewController.animateTo(
              0.0,
              curve: Curves.easeIn,
              duration: const Duration(milliseconds: 300),
            ));
      super.initState();
    }
  
    @override
    void dispose() {
      _tabController.dispose();
      _scrollViewController.dispose();
      super.dispose();
    }
  
    @override
    Widget build(BuildContext context) {
      return Container(
        color: Colors.white,
        child: DefaultTabController(
          length: 2,
          initialIndex: 0,
          child: Scaffold(
            body: NestedScrollView(
              controller: _scrollViewController,
              headerSliverBuilder:
                  (BuildContext context, bool innerBoxIsScrolled) {
                return &lt;Widget&gt;[
                  SliverAppBar(
                    title: InkWell(
                      child: const Text(kCandice, style: kLogoText),
                      onTap: () =&gt; scrollToTop(),
                    ),
                    centerTitle: true,
                    elevation: 0,
                    backgroundColor: Colors.white,
                    pinned: true,
                    floating: true,
                    snap: true,
                    forceElevated: innerBoxIsScrolled,
                    bottom: TabBar(
                      tabs: &lt;Tab&gt;[
                        Tab(
                          text:
                              AppLocalizations.of(context).translate('following'),
                        ),
                        Tab(
                          text:
                              AppLocalizations.of(context).translate('trending'),
                        )
                      ],
                      unselectedLabelColor: Colors.black54,
                      labelColor: kPink,
                      unselectedLabelStyle: kMediumBoldText,
                      labelStyle: kMediumBoldText,
                      indicatorSize: TabBarIndicatorSize.tab,
                      indicatorColor: Colors.transparent,
                      controller: _tabController,
                    ),
                  ),
                ];
              },
              body: TabBarView(
                children: [
                  PostSection(), // TODO: Following
                  PostSection(), // TODO: Trending
                ],
              ),
            ),
          ),
        ),
      );
    }
  
    void scrollToTop() {
      _scrollViewController.animateTo(
        0.0,
        curve: Curves.easeOut,
        duration: const Duration(milliseconds: 300),
      );
    }
  }</code></pre>
  </div>
  </div>
  </p>