Flutter BLoC 多个 BLoC 相同的小部件

Question

我对 Flutter 和 BLoC 模式还比较陌生，所以我仍在努力解决所有问题。

假设我有一个测验应用程序，其中有一个名为 QuestionBloc 的 BLoC，它使用存储库从文件中获取问题。 QuestionBloc上的事件

• FetchQuestion

QuestionBloc 上的状态

• QuestionEmpty
• QuestionLoading
• QuestionLoaded 包含一个问题对象
• QuestionError

然后我有另一个名为QuestionValidatorBloc 的 BLoC，它负责验证问题的答案。答案被输入到文本字段中，并且有一个提交按钮来触发验证。 QuestionValidatorBloc上的事件

• ValidateQuestion

QuestionValidatorBloc 上的状态

• ValidateInitial
• ValidateInProgress
• ValidateSuccess
• ValidateError

这是相当直截了当的。但是，现在我需要将QuestionBloc 和QuestionValidatorBloc 合并到同一个小部件中，因为其中一个负责获取和显示问题，另一个负责处理验证操作。我怎样才能做到这一点？

Answer 1

我假设您使用的是 flutter_bloc 库。让QuestionBloc 使用StreamSubscription 收听QuestionValidatorBloc

class QuestionBloc extends Bloc<QuestionEvent, QuestionState> {
  QuestionValidatorBloc questionValidatorBloc;
  StreamSubscription subscription;

  MainPageBloc({@required this.questionValidatorBloc}) {
    subscription= questionValidatorBloc.state.listen((state) {
      if (state is ValidateSuccess) {
        dispatch(YourEvent());
      } else if(state is ValidateError{
        dispatch(AnotherEvent());
      }
    });
  }

...

现在您只需将QuestionValidatorBloc 传递给QuestionBloc 构造函数。