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聽QuestionValidatorBloc使用StreamSubscription

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構造函數。