如何使用Riverpod StateProvider更新对象属性并触发UI刷新

• StateProvider的更新触发机制只监听状态对象本身的引用变更，不会深度监听对象内部属性的修改。
• 你写的ref.read(counterProvider).value++只是拿到了Provider持有的旧Counter实例，直接修改了它内部的value字段，全程没有给Provider的state赋值新的对象，Provider完全感知不到状态发生了变化，自然不会通知监听的UI做重绘，所以数值一直停在初始值0。
• 额外隐患：你定义的Counter类是完全可变的，没有做不可变约束，本身就很容易写出这种直接修改内部属性、不触发更新的错误代码。

1. 先把Counter改成不可变类，添加copyWith方法方便生成新的状态实例，从根源避免直接修改内部属性的问题：

class Counter {
  // 字段改成final，禁止实例创建后直接修改内部属性
  final String title;
  final int value;

  Counter(this.title, this.value);

  // 按需复制原有属性，生成新的状态实例
  Counter copyWith({
    String? title,
    int? value,
  }) {
    return Counter(
      title ?? this.title,
      value ?? this.value,
    );
  }
}

2. 修改点击事件的逻辑，更新状态时必须给counterProvider的state赋值新的Counter实例，通过引用变更触发UI刷新：

floatingActionButton: FloatingActionButton(
  onPressed: () {
    final oldState = ref.read(counterProvider);
    // 给state赋值全新的实例，才会触发监听通知UI重绘
    ref.read(counterProvider.notifier).state = oldState.copyWith(
      value: oldState.value + 1
    );
  },
  child: const Icon(Icons.add),
),

注意：不要图省事直接修改旧状态对象的属性，只要不替换state的引用，不管你改了内部多少字段，UI都不会收到更新通知。

内容的提问来源于stack exchange，提问作者plztrial4me