Flutter 在 MultiBlocProvider 中使用 BlocListener 和 BlocBuilder

Question

在我的程序中，我有两个不同bloc1和bloc2 。 我使用MultiBlocProvider并添加这两个块。 现在我想在MultiBlocProvider中使用BlocListener和BlocBuilder 。 对于bloc1我想要BlocBuilderand并且对于bloc2我想要BlocListener 。 我怎样才能做到这一点？

Scaffold(
      body: MultiBlocProvider(
        providers: [
          BlocProvider<GenerateFieldsBloc>(
            create: (_) => bloc1,
          ),
          BlocProvider<SubmitFieldBloc>(
            create: (_) => bloc2,
          ),
        ],
        child:() //here how can I use both BlocListener and BlocBuilder ???
     ),
);

Answer 1

如果您使用构建器小部件包装孩子，则可以使用这些提供程序。 但是您确保在读取提供程序时使用构建器的上下文。

Scaffold(
      body: MultiBlocProvider(
          providers: [
            BlocProvider<GenerateFieldsBloc>(
              create: (_) => bloc1,
            ),
            BlocProvider<SubmitFieldBloc>(
              create: (_) => bloc2,
            ),
          ],
        child: Builder(
          builder: (context) {
            return BlocListener<GenerateFieldsBloc, GenerateFieldsState>(
            listener: (context, state) {
              // TODO: implement listener
            },
            child: BlocBuilder<SubmitFieldBloc, SubmitFieldState>(
              builder: (context, state) {
                return Text('asdasd');
              },
            ),
          );
          }
        ),
      ),
    );

Answer 2

您可以按如下方式嵌套它们：

BlocListener<SubmitFieldBloc, SubmitFieldState>(
  listener: (context, state) {
    // listen to SubmitFieldBloc
  },
  child: BlocBuilder<GenerateFieldsBloc, GenerateFieldsState>(
    builder: (context, state) {
       // build with GenerateFieldsBloc 
    }
  ),
)