flutter - 使用灵活的 SliverAppBar 作为非顶级元素

Question

我正在尝试在自定义应用栏下方显示一个灵活的 SliverAppBar(假设它是一个高度为 80.0 的容器)。

当将 SliverAppBar 设置为顶部元素时，它工作正常，但当它是第二个时，顶部填充与 Android UI 界面一样大。

 Scaffold(
   body: Column(children: <Widget>[
          Container(height: 80.0),
          Expanded(child: _content())
        ]),
 );

_content()

return CustomScrollView(slivers: <Widget>[
  SliverAppBar(
    backgroundColor: Colors.red,
    leading: PopContentButton(),
    title: Text('Test'),
    snap: true,
    pinned: true,
    floating: true,
    bottom: TabBar(
      tabs: _tabs(),
      controller: TabControllerExtended(length: 4, vsync: this),
    ),
  ),
  SliverList(delegate: new SliverChildListDelegate(buildTextViews(50)))
]);

这不是它应该的样子:
_{(来源:bilder-upload.eu)}

它应该是这样的:
_{(来源:bilder-upload.eu)}

Answer 1

用 MediaQuery.removePadding 包装你 - SliverAppBar。

更新代码:

....
MediaQuery.removePadding(
        context: context,
        removeTop: true,
        child: SliverAppBar(
...