dart - Flutter 中如何自定义 SliverAppBar 小部件？

Question

我想在绿色区域添加更多信息，但是当用户向上滚动时，我将 _SliverAppBar 保持在顶部...，如下所示:

这是我目前的源代码:

body: new CustomScrollView(slivers: <Widget>[
          const SliverAppBar(
            pinned: true,
            expandedHeight: 300.0, // TODO: check out later
            flexibleSpace: const FlexibleSpaceBar(
              title: const Text('_SliverAppBar')
            ),
          ),
          new SliverList(delegate: new SliverChildListDelegate(_galleryListItems()))
        ]),

Answer 1

FlexibleSpaceBar有一个接受任何小部件的背景属性

用于构建您需要的信息:

FlexibleSpaceBar(
  title: Text('_SliverAppBar'),
  background: Column(
    mainAxisAlignment: MainAxisAlignment.center,
    children: <Widget>[
      Text('Info'),
    ],
  ),
),

Here是一个更完整的例子，它添加了一个字幕并在用户滚动时隐藏它。