flutter 局部刷新

在Flutter中，局部刷新可以通过以下两种方式实现：

1. **使用Provider**[^1]
Provider是Flutter的一个状态管理库，它允许你将状态分发到应用程序的各个部分。当你需要更新特定部分的UI时，只需调用`Consumer` widget并提供一个变更通知的方法，如`notifyListeners()`，这将会使得仅依赖该状态的组件重新构建。

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

// 创建一个Provider并提供一个变更方法
class MyProvider with ChangeNotifier {
  // 假设这是你的状态
  int count = 0;

  void increment() {
    count++;
    notifyListeners();
  }
}

// 在Consumer中监听并响应变更
class LocalRefreshWithProvider extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Consumer<MyProvider>(
      builder: (context, provider, child) {
        return Text('Count: ${provider.count}');
        // 当count变化时，这里会自动更新
      },
    );
  }
}

2. **使用StreamBuilder**
StreamBuilder监听流（stream）的变化，当流中的数据有新的更新时，会自动触发组件的重建，从而实现局部刷新。这对于实时数据更新非常有用，比如网络请求返回的数据。

class LocalRefreshWithStreamBuilder extends StatelessWidget {
  final StreamController<int> controller = StreamController<int>.broadcast();

  @override
  Widget build(BuildContext context) {
    return StreamBuilder<int>(
      stream: controller.stream,
      builder: (context, snapshot) {
        if (snapshot.hasData) {
          return Text('Count: $snapshot.data');
        } else {
          return CircularProgressIndicator();
        }
      },
      // 更新数据时调用此方法
      onChanged: (value) {
        controller.add(value);
      },
    );
  }
}