跨页面传Bloc时Flutter Bloc报“Bad state: Cannot emit new states after calling close”问题

错误Bad state: Cannot emit new states after calling close.的核心原因是你尝试发送状态的Bloc实例已经被调用了close()方法，无法再生成新状态。大概率是Bloc的生命周期管理出错，导致抽屉关闭或页面导航时Bloc被提前销毁。

具体解决步骤 #

• 检查Bloc的提供范围
  确保Bloc的提供者（如BlocProvider）覆盖所有需要使用它的页面。不要仅在首页内部提供Bloc，建议将其放在更高层级（比如MaterialApp外层），避免导航后Bloc被销毁：

  BlocProvider(
    create: (context) => YourAppBloc(),
    child: MaterialApp(
      home: HomePage(),
    ),
  )
  

  所有子页面通过BlocProvider.of<YourAppBloc>(context)获取同一个Bloc实例，避免重复创建或引用已销毁的实例。

• 调整导航时机
  不要在关闭抽屉后立即导航，等待抽屉完全关闭的回调完成后再执行导航，避免状态混乱：

  Scaffold.of(context).closeEndDrawer().then((_) {
    Navigator.push(context, MaterialPageRoute(builder: (_) => ProfileEditPage()));
  });
  

• 排查Bloc的误关闭操作
  检查抽屉、首页的代码，确认是否在closeEndDrawer()后或组件dispose方法中误调用了Bloc的close()。只有当整个应用或顶级页面销毁时，才应该调用Bloc的close()。

• 调试Bloc生命周期
  在Bloc类中重写close方法添加日志，定位Bloc被关闭的时机：

  @override
  Future<void> close() {
    print("YourAppBloc closed at: ${DateTime.now()}");
    return super.close();
  }
  

  通过日志可以确定是关闭抽屉、导航还是其他操作触发了Bloc关闭，针对性修复。

• 确认资料修改页的Bloc使用方式
  在资料修改页中，确保使用BlocConsumer或BlocBuilder监听正确的Bloc实例，且没有手动调用close()方法。

内容的提问来源于stack exchange，提问作者Uzair Saleem