Bloc Listener无法监听同一事件中多次emit的状态变更

核心问题定位 #

你遇到的await异步操作后emit无法被全局BlocListener捕获的问题，主要由两个原因导致：

1. 异常包装器的emit参数类型不匹配，导致异步后的状态无法正确分发
2. 全局BlocListener与BlocProvider的上下文层级错误

解决方案1：修复异常包装器的emit参数类型 #

你的tripsBlocTryCatchWrapper中，emit参数被定义为普通的void Function(TripsState)，但Bloc的状态分发依赖Emitter<TripsState>类型，普通函数无法正确处理状态流的异步分发逻辑。修改如下：

Future<void> tripsBlocTryCatchWrapper<T>(
    FutureOr<T> Function() tryBlock, Emitter<TripsState> emit) async {
  try {
    await tryBlock();
  } on DioError catch (e) {
    emit(
      TripsError(
        message: e.error.toString(),
      ),
    );
  } catch (e) {
    emit(
      TripsError(
        message: "Something went wrong in profile.",
      ),
    );
  }
}

修改后，异步操作后的emit会通过Bloc的官方Emitter正确分发状态，确保全局Listener能捕获到所有状态变更。

解决方案2：调整全局BlocListener与BlocProvider的层级 #

当BlocListener作为MaterialApp的直接子组件时，必须保证BlocProvider在MaterialApp的上层，否则Listener的上下文无法获取到Bloc实例。正确的层级结构示例：

void main() {
  runApp(
    // BlocProvider必须包裹在MaterialApp外层
    MultiBlocProvider(
      providers: [
        BlocProvider(create: (context) => TripsBloc()),
        BlocProvider(create: (context) => ModalCubit()),
      ],
      child: const MyApp(),
    ),
  );
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: BlocListener<TripsBloc, TripsState>(
        listenWhen: (previous, current) => previous.status != current.status,
        listener: (context, tripsState) {
          print(tripsState.status);
          if (tripsState.status.isLoading || tripsState.status.isFetchingUpcomingTrips) {
            context.read<ModalCubit>().showModal(
                  ModalLoadingChild(
                    subject: "Trips",
                    message: tripsState.loadingMessage,
                  ),
                  "loading",
                  stopClose: true,
                );
          } else if (tripsState.status.isFetchedUpcomingTrips || tripsState.status.isSuccess) {
            ScaffoldMessenger.of(context).showSnackBar(
              SnackBar(content: Text(tripsState.successMessage))
            );
            context.read<ModalCubit>().showModal(
                  ModalSuccessChild(
                    subject: "Trips",
                    message: tripsState.successMessage,
                  ),
                  "success",
                );
          }
        },
        child: const HomePage(),
      ),
    );
  }
}

额外调试建议 #

1. 临时注释listenWhen条件，测试是否能捕获到成功状态，确认状态变更本身是有效的
2. 移除Listener中重复的ScaffoldMessenger.showSnackBar调用，避免状态提示被覆盖干扰调试

内容的提问来源于stack exchange，提问作者Arham S C