无法在 showModal 上下文中访问 bloc

Question

我用dart BlocProvider<ABloc,AState>包裹我的脚手架 但是当我使用 showDialog func 和 showDialog 我想从上下文或 BlocBuilder 访问 ABloc 不包含块并抛出错误 在这种情况下有没有办法访问 bloc （在我的对话框中，我显示了用于获取用户名的文本，因此我想访问 bloc）

class MyHomePageState extends StateLessWidget {
  @override
  Widget build(BuildContext context) {
    return BlocProvider(
        lazy: false,
        create: (context) => EditColorBloc(context.bloc<RetrieveColorBloc>()),
        child: MainScafold());
  }
}

class MainScafold extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("sina"),
      ),
      floatingActionButton:FloatingActionButton(
            child: Icon(Icons.add),
            onPressed: () => showDialog(
              context: context,
              builder: (ctx) {
              // show dialog and use 
              // context o BlocBuilder to access 
              // EditColorBloc
              // throw error BlocProvider.of() called with a context that does 
              // not contain a Cubit of type EditColorBloc
              }
           )
  }
}

Answer 1

您不应使用BlocBuilder 来包装Dialog。原因是您（很可能）不会在发生更改时重建整个Dialog。另一个更重要的原因是您的Dialog 正在构建的上下文不包含您的bloc，因此您需要将您的bloc 实例注入Dialog 的context。

改为使用BlocProvider.value 并将value 参数设置为BlocProvider.of(context)（又名context.bloc()），并确保上下文不是showDailog 的方法上下文，而是原始@ 中的上下文987654334@方法。

这是一个工作示例。您只需要将 TestBloc 或 TestState 等更改为您自己的 Bloc 实例：

  @override
  Widget build(BuildContext context) {
    return BlocProvider<TestBloc>(
        create: (context) => TestBloc(InitTestState()),
        child: Scaffold(
            body: BlocBuilder<TestBloc, TestState>(
              builder: (context, state) => Center(
                child: FlatButton(
                  child: Text("Show Dialog"), 
                  onPressed: () => showDialog(
                      context: context, 

                      // Relavent code change here
                      builder: (ctx) => BlocProvider<TestBloc>.value(
                        value: context.bloc<TestBloc>(), 

                        child: Dialog(
                          child: FlatButton(
                            child: Text("Notify bloc"),
                            onPressed: () => context
                                .bloc<TestBloc>()
                                .add(TestEvent()),
                          ),
                        ),
                      )),
            ),
          ),
        )));