Flutter Bloc - 有没有办法在屏幕中提供不同的块实例

Question

我有一个名为 FoodCubit 的腕尺，它有两个功能：

-getAllFoods()

-getFilteredFoods(类别)

我有一个像下面这样的屏幕

如您所见，屏幕顶部是一个块生成器，它返回由我的第一个函数发出的状态，该函数在 didChangeDependency() 中调用 底部是同一个 FoodCubit 的另一个 blocbuilder，我想返回第二个函数发出的状态 但是 top blocbuilder 和 bottom blocbuilder 的结果是一样的。我在提供 FoodCubit 的材料应用程序的父级中使用了 blocprovider。如果有一种方法可以提供同一块的两个实例并使用它，我正在徘徊。 有些喜欢

MultiBlocProvider(
Providers:[
//first bloc provider
BlocProvider(), 
//second bloc provider
BlocProvider() 
)

但是我怎样才能在 blocbuilder 中达到它？？

我认为一种解决方法是在屏幕的顶部和底部使用两个 blocprovider，但这不会破坏使用 bloc 的目的。 有什么办法吗？ 有没有更好的办法？

Answer 1

您可以在这里尝试几个选项：

1. 创建集团的子类：

class FirstBloc extends FoodCubit {}
class SecondBloc extends FoodCubit {}

1. 创建集团的 mixin：

mixin FirstBloc on Bloc {}

mixin SecondBloc on Bloc {}

class FoodCubit extends Bloc with FirstBloc, SecondBloc {
  getAllFoods()

  getFilteredFoods(category)
}
// Then in your widget
... 
BlocProvider<FirstBloc>(
     create: (_) => FoodCubit(),
     child:
...
BlocProvider<SecondBloc>(
     create: (_) => FoodCubit(),
     child:
...

Answer 2

您可以为两个事件发出相同的状态，即有一个“全部”列表和一个“过滤”列表。

您也不需要两个 BlocBuilder，它可能只是一个。