Flutter - 如何使一行在滚动时保持在屏幕顶部

Gan*_*esh 2 dart flutter flutter-animation

我正在尝试实现这样的应用程序栏 在此输入图像描述

向下滚动时,我需要单独隐藏搜索栏并将行和选项卡固定在设备顶部。这就像在此输入图像描述

当我们向下滚动时,需要显示所有三行。

使用具有底部属性的 SliverAppBar,滚动时会放置并固定选项卡,但其上方的一行应固定在选项卡栏上方的顶部。由于底部属性中的 PreferredSizeWidget,我无法添加带有行和选项卡栏的列。灵活的空格键也隐藏在应用程序栏中,因此我无法使用它。有谁知道如何在颤振中进行这种布局。

Kum*_*hod 5

请尝试这个。

body: Container(
  child: Column(
    children: <Widget>[
      Container(
        // Here will be your AppBar/Any Widget.
       ),
      Expanded(
        child: SingleChildScrollView(
          child: Column(
            children: <Widget>[
              // All your scroll views
              Container(),
              Container(),
            ],
          ),
        ),
      ),
    ],
  ),
),
Run Code Online (Sandbox Code Playgroud)