Flutter Bloc状态变更时触发事件是否合规？弹窗重复触发求助

首先直接说结论：在状态变化回调（比如BlocBuilder/BlocListener里）触发事件绝对不是最佳实践，虽然技术上能跑，但会让你的逻辑链路变得混乱，状态和事件的流转完全脱离Bloc的设计初衷，后续维护起来会非常头疼。

回到你的场景：需要先执行Post请求，完成后自动触发Get请求，最后在Get请求完成后显示弹窗。这个链式操作完全可以放在Bloc内部处理，根本不需要UI层来插一脚触发事件。

正确的链式API处理方式（Bloc内部封装） #

把两个请求的逻辑放在Bloc的事件处理器里，当Post请求成功后，直接在Bloc内部添加GetEvent，这样流程完全由Bloc掌控，UI层只需要监听最终的状态即可：

class YourBloc extends Bloc<YourEvent, YourState> {
  YourBloc() : super(InitialState()) {
    on<PostEvent>(_handlePostEvent);
    on<GetEvent>(_handleGetEvent);
  }

  Future<void> _handlePostEvent(PostEvent event, Emitter<YourState> emit) async {
    emit(PostLoading());
    try {
      // 执行Post API调用
      await yourPostApiCall(event.payload);
      // Post成功后，直接在Bloc内部触发GetEvent
      add(GetEvent());
    } catch (e) {
      emit(PostFailed(error: e.toString()));
    }
  }

  Future<void> _handleGetEvent(GetEvent event, Emitter<YourState> emit) async {
    emit(GetLoading());
    try {
      final data = await yourGetApiCall();
      // 只emit一次GetFinished状态
      emit(GetFinished(data: data));
    } catch (e) {
      emit(GetFailed(error: e.toString()));
    }
  }
}

解决弹窗重复触发的问题 #

你遇到的弹窗需要关闭两次，本质是GetFinished状态被触发了两次，导致BlocBuilder/Listener执行了两次showModal。解决这个问题有两个关键点：

1. 确保Bloc只emit一次GetFinished状态
   检查你的GetEvent处理器里，有没有可能在多个分支emit了GetFinished？比如是否有重复的emit语句，或者异步逻辑里的错误分支也误emit了这个状态？

2. 用BlocListener+listenWhen过滤重复状态
   如果因为某些原因必须在UI层监听状态，一定要用listenWhen参数来限定只有状态从非GetFinished变为GetFinished时才触发回调，避免重复执行：

BlocListener<YourBloc, YourState>(
  // 只有当前状态是GetFinished，且上一个状态不是GetFinished时才触发
  listenWhen: (previousState, currentState) {
    return previousState is! GetFinished && currentState is GetFinished;
  },
  listener: (context, state) {
    if (state is GetFinished) {
      // 这里只会触发一次弹窗
      showModalBottomSheet(
        context: context,
        builder: (ctx) => YourModalContent(),
      );
    }
  },
  child: YourMainWidget(),
)

为什么不推荐在状态变化中触发事件？ #

• 容易形成循环：比如状态A触发事件X，事件X处理后又emit状态A，导致无限循环。
• 难以追踪：事件的触发来源分散在UI层的各个Builder/Listener里，排查问题时要来回跳代码，非常低效。
• 重复触发：UI重建（比如父组件rebuild）会导致Builder里的代码重复执行，多次添加同一个事件，进而重复emit状态。

总的来说，把业务流程逻辑封装在Bloc内部，UI层只负责响应状态展示内容，才是Bloc设计的正确打开方式。

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