Flutter RiverPod：如何让两个组件共享同一FutureProvider数据？

1. 两个Widget都使用这段代码，FutureProvider会被重复调用吗？ #

取决于你的findHabitOnlyProvider定义和传入的aHabitId：

• 如果findHabitOnlyProvider是**FutureProvider.family类型**（带参数的Provider），且两个Widget传入的aHabitId完全相同，RiverPod会复用同一个Provider实例，只会发起一次数据请求，后续Widget监听时直接读取缓存结果。
• 如果aHabitId在两个Widget中不同，或者Provider未用Family正确定义（比如每次调用都创建新的Provider实例），才会触发多次请求。

2. 如何确保仅调用一次并共享数据？ #

方式一：确保Provider是正确的Family类型 #

首先要保证你的Provider通过Family定义，示例：

// 正确定义带参数的FutureProvider
final findHabitOnlyProvider = FutureProvider.family<Habit, int>((ref, habitId) async {
  // 数据请求逻辑，比如从API/数据库获取
  final api = ref.watch(apiProvider);
  return await api.fetchHabit(habitId);
});

只要两个Widget传入的habitId一致，ref.watch会自动复用同一个Provider的缓存数据，不会重复发起请求。

方式二：避免aHabitId不稳定导致的重复创建Provider #

如果_getHabitId()在Widget重建时返回不同的值（比如每次生成临时ID），会让RiverPod认为是不同的Provider实例，从而重复请求。要确保aHabitId是稳定的：

• 将aHabitId存在Widget的状态中（比如StatefulWidget的state，或用StateProvider全局管理）
• 从父Widget传递final类型的aHabitId参数，避免每次重建时生成新值

方式三：父Widget统一监听，传递数据给子Widget #

如果不想让子Widget直接依赖RiverPod，可以在父Widget中统一监听Provider，再将数据通过参数传递给两个子Widget：

// 父Widget代码
@override
Widget build(BuildContext context) {
  final aHabitId = _getHabitId();
  final habitFuture = ref.watch(findHabitOnlyProvider(aHabitId));
  
  return habitFuture.when(
    data: (habitData) => Row(
      children: [
        HabitPanelOne(habit: habitData),
        HabitPanelTwo(habit: habitData),
      ],
    ),
    error: (e, st) => Center(child: Text(e.toString())),
    loading: () => const Center(child: CircularProgressIndicator()),
  );
}

// 子Widget直接接收数据，无需watch Provider
class HabitPanelOne extends StatelessWidget {
  final Habit habit;
  const HabitPanelOne({super.key, required this.habit});

  @override
  Widget build(BuildContext context) {
    // 直接使用habit数据构建UI
    return Text(habit.name);
  }
}

方式四：手动开启Provider的持久缓存 #

如果需要数据在没有Widget监听时也保留（比如切换页面后返回不用重新请求），可以在Provider中添加ref.keepAlive()：

final findHabitOnlyProvider = FutureProvider.family<Habit, int>((ref, habitId) async {
  // 开启持久缓存，防止数据被自动回收
  ref.keepAlive();
  final api = ref.watch(apiProvider);
  return await api.fetchHabit(habitId);
});

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