Flutter 集团事件未按正确顺序发生

Question

好的，也许我使用不正确。 我想在我的应用程序中保存一个笔记，然后更新主屏幕上的列表视图，以便它显示新的笔记......听起来很简单。

然而......保存笔记事件最后发生，主屏幕上的重新获取笔记首先发生，尽管它们在代码中是相反的：

编辑笔记屏幕：

   void handleSaveNewNote() async {
    BlocProvider.of<NoteDetailBloc>(context).add(SaveNewNoteEvent(note: currentNote)); //this is happening last
    resetAfterSave();
  }

  void resetAfterSave() async {
    BlocProvider.of<NoteListBloc>(context)..add(RefreshNoteListEvent()); /// this is happening first
    Navigator.pop(context);
  }

注意细节块：

if (event is SaveNewNoteEvent) {
  note = await notesRepository.addNote(event.note);
  print('new note is now saved'); // this shows as the very last print statement, but should be the first
  yield NoteDetailLoadedState(note: note);
}

注释列表块：

if (event is RefreshNoteListEvent) {
  yield initialState;
  List<NotesModel> notesList = await notesRepository.fetchNotes();
  print('Bloc: i have awaited fetching $notesList'); // this shows as the very first print statement, but should be last... argh!
  yield NoteListLoadedState(notesList: notesList);
}

我正在拔头发。 为什么最后一个事件先发生，第一个事件最后发生？

Answer 1

所以，这可能只是部分答案......我仍然想了解上面的问题以及为什么在刷新列表之前不等待保存笔记......

但是，对于其他有问题的人，我通过在构建笔记列表的 blocbuilder 上方添加一个 bloclistener 来修复它。 像这样：

    BlocListener<NoteDetailBloc, NoteDetailState>(
                listener: (context, state) {
                  if (state is NoteAddedState) {
                    BlocProvider.of<NoteListBloc>(context).add(RefreshNoteListEvent());
                  }
                },
                child: BlocBuilder<NoteListBloc, NoteListState>(builder: (context, state) {
                  if (state is NoteListInitialState) {...

然后在添加新注释时更改 NoteDetailBloc 中的产量 state：

if (event is SaveNewNoteEvent) {
  note = await notesRepository.addNote(event.note);
  yield NoteAddedState(); <-- changed this event. 
}

因此，侦听器侦听详细信息块以发出“NoteAddedState”。 当它这样做时，它会向列表块添加一个刷新事件。