Flutter – SilverAppBar小部件

当用户向下滚动时，SilverAppBar小部件是Flutter中用于显示上滑时在屏幕顶部的应用程序栏。它允许向应用程序栏添加动画和滑动效果，并在应用程序栏收缩状态时仍然有一个持续可见的标题。

使用SilverAppBar

要使用SilverAppBar，请将其包含在CustomScrollView中。以下是一个使用SilverAppBar的示例：

return CustomScrollView(
  slivers: <Widget>[
    SliverAppBar(
      expandedHeight: 200.0,
      floating: false,
      pinned: true,
      flexibleSpace: FlexibleSpaceBar(
        title: Text("SilverAppBar"),
        background: Image.network(
          "https://picsum.photos/200",
          fit: BoxFit.cover,
        ),
      ),
    ),
    SliverList(
        delegate: SliverChildBuilderDelegate(
              (context, index) => ListTile(title: Text("Item $index")),
          childCount: 20,
        ),
    )
  ],
);

在此示例中，SliverAppBar位于CustomScrollView中的第一项。CustomScrollView将SliverAppBar（SilverAppBar小部件）与其他Sliver Widget（在这种情况下是SliverList）组合在一起。我们可以将CustomScrollView视为用于创建以滚动的“可伸缩”空间的类，其中原始面积由一些“Sliver”提供。

SliverAppBar属性

• title - 在展开的状态下显示的标题。当AppBar处于收缩状态时，将沿着工具栏随同滑动的位置放置一个小部件或文本。可以使用FlexibleSpaceBar小部件定制标题栏的外观和动画。

• expandedHeight - 展开的最大高度，包括应用程序栏和FlexibleSpaceBar小部件。

• floating - 当用户向下滚动时，是否在屏幕顶部固定该应用程序栏。

• pinned - 当用户向下滚动时，是否将可见应用程序栏固定在屏幕顶部。

• flexibleSpace - 在header扩展状态下显示的小部件。它应该具有FlexibleSpaceBar类的实例，可以让您定制展开部分的外观和动画。

• actions - 放置在标题下方的标题右侧的小部件。

• backgroundColor - 此应用程序栏的背景颜色。

结论

Flutter中的SilverAppBar小部件是一个非常有用的工具，可以帮助您通过添加动画和滑动效果来创建漂亮的应用程序栏。它还提供了自定义应用程序栏外观和动画的灵活性，并可在应用程序栏收缩时仍然提供持续可见的标题。在实现Flutter应用程序时，SilverAppBar小部件是一个必不可少的组件之一。