Android 集装箱颤振倒塌

Android 集装箱颤振倒塌,android,flutter,Android,Flutter,我正在将一个应用程序从nativ android迁移到Flatter。我正在努力在我的flutter应用程序中实现一个正在崩溃的容器 我有一个背景图像和一些按钮的第一部分,当屏幕滚动到一个选项卡栏时,我想折叠这些按钮。当我到达选项卡栏时,滚动停止,然后我可以滚动每个选项卡的内容 这里有一个小gif来显示我正在努力实现的目标: 我看过很多使用SilverAppBar的教程,但我不确定将容器强制放在appbar中是否是最好的方法 你对我如何实现这一点有什么想法吗?在Android中,设计支持库中提供

我正在将一个应用程序从nativ android迁移到Flatter。我正在努力在我的flutter应用程序中实现一个正在崩溃的容器

我有一个背景图像和一些按钮的第一部分,当屏幕滚动到一个选项卡栏时,我想折叠这些按钮。当我到达选项卡栏时,滚动停止,然后我可以滚动每个选项卡的内容

这里有一个小gif来显示我正在努力实现的目标:

我看过很多使用SilverAppBar的教程,但我不确定将容器强制放在appbar中是否是最好的方法

你对我如何实现这一点有什么想法吗?

在Android中,设计支持库中提供了折叠工具栏UI组件,而在iOS中没有官方UI组件,但有一些库可以帮助我们做到这一点。 为了在颤振中实现同样的效果,我们需要将名为SliverAppBar的小部件与FlexibleSpaceBar作为一个孩子一起使用

@override
  Widget build(BuildContext context) {
    return Scaffold(
      body: NestedScrollView(
        headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
          return <Widget>[
            SliverAppBar(
              expandedHeight: 200.0,
              floating: false,
              pinned: true,
              flexibleSpace: FlexibleSpaceBar(
                  centerTitle: true,
                  title: Text("Collapsing Toolbar",
                      style: TextStyle(
                        color: Colors.white,
                        fontSize: 16.0,
                      )),
                  background: Image.network(
                    "https://images.pexels.com/photos/396547/pexels-photo-396547.jpeg?auto=compress&cs=tinysrgb&h=350",
                    fit: BoxFit.cover,
                  )),
            ),
          ];
        },
        body: Center(
          child: Text("Sample Text"),
        ),
      ),
    );
有关更多信息,请访问

谢谢!我使用了SliverAppBar和您推荐的FlexibleSpaceBar,我成功地实现了我想要的。