Flutter Bloc 同一个页面中如何提供多个同一Bloc/Cubit的不同实例？

你现在遇到的两个BlocBuilder返回结果完全一致的核心原因是：单个Cubit实例同一时间只会持有一份状态，不管你先后调用getAllFoods还是getFilteredFoods，后触发的emit操作会覆盖之前的状态，所有监听这个实例的BlocBuilder都会拿到同一份最新状态。

1. 可以创建多个相同Cubit的独立实例 #

你提到的MultiBlocProvider写法完全可行，你可以在同一个节点下提供两个不同的FoodCubit实例，示例代码如下：

MultiBlocProvider(
  providers: [
    // 第一个实例，用于全量食物列表
    BlocProvider<FoodCubit>(
      create: (context) => FoodCubit()..getAllFoods(),
    ),
    // 第二个实例，用于分类过滤食物列表
    BlocProvider<FoodCubit>(
      create: (context) => FoodCubit(),
    ),
  ],
  child: const HomeScreen(),
)

2. 分别获取不同实例的实现方式 #

默认context.read<FoodCubit>()会获取当前组件树中最近父节点提供的实例，你可以直接给上下两个区域分别绑定独立的BlocProvider，就是你想到的方案：

// 顶部全量列表区域
BlocProvider(
  create: (context) => FoodCubit()..getAllFoods(),
  child: BlocBuilder<FoodCubit, FoodState>(
    builder: (context, state) {
      // 渲染全量食物列表
    },
  ),
),
// 底部过滤列表区域
BlocProvider(
  create: (context) => FoodCubit()..getFilteredFoods(targetCategory),
  child: BlocBuilder<FoodCubit, FoodState>(
    builder: (context, state) {
      // 渲染过滤后的食物列表
    },
  ),
)

这种方案完全没有违背Bloc的设计初衷，Bloc的核心原则之一就是状态隔离，当两个区域的业务逻辑完全独立、不需要共享状态时，使用独立Cubit实例是非常合理的做法。

3. 其他更适合特定场景的方案 #

如果你的两个列表存在数据联动需求（比如全量列表更新后过滤列表也要同步刷新），可以不用拆分实例，直接改造FoodCubit的状态结构，在单份状态中同时存储两份列表数据，再用buildWhen控制局部刷新即可：

// 改造后的状态类
class FoodState {
  final List<Food> allFoods;
  final List<Food> filteredFoods;
  final bool isLoading;
  final String? errorMsg;

  FoodState({/* 构造函数 */});
  FoodState copyWith({/* 拷贝方法 */});
}

// Cubit方法改造
void getAllFoods() async {
  final data = await foodRepo.fetchAllFoods();
  emit(state.copyWith(allFoods: data));
}

void getFilteredFoods(String category) async {
  final data = await foodRepo.fetchFoodsByCategory(category);
  emit(state.copyWith(filteredFoods: data));
}

// 顶部全量列表BlocBuilder
BlocBuilder<FoodCubit, FoodState>(
  buildWhen: (previous, current) => previous.allFoods != current.allFoods,
  builder: (context, state) => FoodList(list: state.allFoods),
),
// 底部过滤列表BlocBuilder
BlocBuilder<FoodCubit, FoodState>(
  buildWhen: (previous, current) => previous.filteredFoods != current.filteredFoods,
  builder: (context, state) => FoodList(list: state.filteredFoods),
)

这种方案可以避免重复的接口请求，更适合两份列表需要联动的场景。

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