如何在Flutter的SliverAppBar中添加容器？

Question

我想在银条应用程序栏中添加一个容器，当我滚动时，它会一直停留在该容器中。目前，它具有合并“文本”字段的功能。我想在那里添加一个容器。这是我当前的代码：

@override 
Widget build(BuildContext context) {
 return  CustomScrollView(
           slivers: <Widget>[
                  const SliverAppBar(
              backgroundColor: Colors.red,
              pinned: true,
              expandedHeight: 90.0,
              flexibleSpace: FlexibleSpaceBar(
                centerTitle: false,
                titlePadding: EdgeInsets.only(left: 10),
              ),
          ),
      ]
   )
}

我想实现与此类似的功能，但我希望搜索容器在滚动时始终停留在页面上方

https://miro.medium.com/max/576/1 * V0Y7U_7SCA_HDmSdADHr7Q.gif

基本上，我想了解如何使用SliverPersistentHeader（）小部件来合并容器。

Answer 1

您可以使用小部件SliverToBoxAdapter。它对应于Container小部件，但适用于Slivers。

https://api.flutter.dev/flutter/widgets/SliverToBoxAdapter-class.html