Flutter ios 使用ListView 。滚动时 AppBar 改变颜色问题

在Flutter中，如果你在使用ListView并希望在滚动时改变AppBar的颜色，你可以使用NotificationListener来监听滚动通知，并在回调中更新AppBar的颜色。

以下是一个简单的例子，演示如何实现这个功能：

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Scroll Example'),
        ),
        body: NotificationListener<ScrollNotification>(
          onNotification: (ScrollNotification notification) {
            if (notification is UserScrollNotification &&
                notification.metrics.pixels > 0) {
              // 当向下滚动时更改AppBar颜色
              return true; // 阻止事件向上传播
            }
            // 重置AppBar颜色
            return false;
          },
          child: ListView.builder(
            itemCount: 100,
            itemBuilder: (context, index) {
              return ListTile(title: Text('Item $index'));
            },
          ),
        ),
      ),
    );
  }
}

在这个例子中，NotificationListener用于监听滚动事件。当用户向下滚动时，AppBar的颜色会更改，而向上滚动时则会恢复原色。这是通过检查ScrollNotification的metrics.pixels属性来实现的，当滚动位置大于0时，我们假设用户正在向下滚动。

你可以在onNotification回调中根据需要自定义颜色变化的逻辑。如果需要动态更新AppBar的样式，可以使用setState来更新相关状态。