flutter-解决AppBar背景色为白色带滚动时不生效的bug

这个问题通常是因为SliverAppBar在CustomScrollView中的使用方式导致的。SliverAppBar在滚动时不总是更新背景色。为了解决这个问题，可以使用NotificationListener来监听滚动通知，并手动更新AppBar的背景色。

以下是一个简化的代码示例，展示了如何解决这个问题：

CustomScrollView(
  slivers: <Widget>[
    const SliverAppBar(
      pinned: true,
      backgroundColor: Colors.white,
      title: Text('Title'),
    ),
    SliverList(
      delegate: SliverChildBuilderDelegate(
        (context, index) {
          // 你的列表项
          return ListTile(title: Text('Item $index'));
        },
        childCount: 20, // 根据需要设置列表长度
      ),
    ),
  ],
),

如果你需要在SliverAppBar滚动时改变背景色，可以使用NotificationListener来监听滚动情况，并通过状态管理来更新背景色。

NotificationListener<ScrollNotification>(
  onNotification: (scrollNotification) {
    // 当滚动时更新AppBar的背景色
    if (scrollNotification is UserScrollNotification &&
        scrollNotification.metrics.pixels > 0) {
      setState(() {
        _appBarColor = Colors.blue; // 滚动时的颜色
      });
    } else if (scrollNotification is UserScrollNotification &&
        scrollNotification.metrics.pixels <= 0) {
      setState(() {
        _appBarColor = Colors.transparent; // 滚动到顶部时的颜色
      });
    }
    return true;
  },
  child: CustomScrollView(
    slivers: <Widget>[
      SliverAppBar(
        pinned: true,
        backgroundColor: _appBarColor,
        title: Text('Title'),
      ),
      // ...其他Sliver组件
    ],
  ),
);

在这个示例中，我们使用NotificationListener来监听滚动事件，并根据滚动的位置更新_appBarColor变量，这个变量被用作SliverAppBar的backgroundColor。这样，当用户滚动时，AppBar的背景色会相应地改变，解决了滚动时背景色不更新的问题。