如何自定义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有接受任何widget的背景属性

用于构建您需要的信息:

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

这是一个更完整的示例,它添加了一个副标题并在用户滚动时隐藏它.