如何在Flutter应用中通过Riverpod监听Todo列表长度变化？

问题原因 #

你的TodosLengthNotifier未触发更新，大概率是因为没有正确订阅todosProvider的状态变化，或者监听逻辑中没有检测到Todo列表长度的实际变动。

修复方案1：修正TodosLengthNotifier实现 #

如果要保留Notifier的结构，需要确保它正确监听todosProvider，并在长度变化时更新自身状态：

@riverpod
class TodosLengthNotifier extends _$TodosLengthNotifier {
  @override
  int build() {
    // 初始化状态为当前Todo列表的长度
    final initialLength = ref.read(todosProvider).length;
    state = initialLength;

    // 监听todosProvider的状态变化，仅当长度改变时更新状态
    ref.listen(todosProvider, (previousTodos, currentTodos) {
      if (previousTodos?.length != currentTodos.length) {
        state = currentTodos.length;
      }
    });

    return state;
  }
}

关键细节：

• 用ref.listen订阅todosProvider的状态变更
• 对比前后列表的长度，仅在长度变化时更新state，避免不必要的重绘

修复方案2：更简洁的轻量化实现 #

不需要单独维护Notifier，直接用Provider监听todosProvider并返回长度，这是Riverpod推荐的简洁写法：

final todosLengthProvider = Provider<int>((ref) {
  // 自动监听todosProvider的状态，当Todo列表变化时重新计算长度
  return ref.watch(todosProvider).length;
});

这种方式下，只要todosProvider的状态（Todo列表）发生变化，todosLengthProvider会自动重新计算并返回最新长度，无需手动处理更新逻辑，代码更简洁高效。

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