无法从``MultiBlocProvider''中分解``提供者''列表

Question

我想从多个来源组合blocproviders中的单个MultiBlocProvider。但是，blocproviders MultiblocProvider构造方法参数的任何尝试都导致运行时错误，提供者＆lt; xyz＆gt ;找不到。

错误：找不到正确的提供商＆lt; foo＆gt;在此bloclistener＆lt; foo，foostate＆gt;小部件

说我有

return MultiBlocProvider(
  providers: [
    BlocProvider(create: (context) => FooCubit()),
    BlocProvider(create: (context) => BarCubit()),
  ],
  child: child,
);

起作用。但是我希望

final concatenatedProviders = [
  BlocProvider(create: (context) => FooCubit()),
] + [
  BlocProvider(create: (context) => BarCubit()),
];
return MultiBlocProvider(
  providers: concatenatedProviders,
  child: child,
);

那不起作用。考虑提供商即使是单个（非关联）列表，也无法工作。

我如何将其分解为提供商，以便仍然可以找到它们？我尝试了为提供者的几种类型注释，例如列表＆lt; blocprovider＆lt; statestreamablesource＆lt; object？＆gt;＆gt;＆gt;＆gt;＆gt;，list> list＆lt; blocprovider＆lt; blocprovider＆lt; blocprovider＆lt;等，但是我找不到工作解决方案。

Answer 1

尝试这个

final providers = <BlocProvider>[
      BlocProvider<FooCubit>(create: (_) => FooCubit()),
    ] +
    <BlocProvider>[
      BlocProvider<BarCubit>(create: (_) => BarCubit()),
    ];

完整的工作示例：

//foo_cubit.dart

import 'package:flutter_bloc/flutter_bloc.dart';

class FooCubit extends Cubit<int> {
  FooCubit() : super(0);

  void add(int x) {
    emit(state + x);
  }

  void substract(int x) {
    emit(state - x);
  }

  void multiply(int x) {
    emit(state * x);
  }

  void divide(int x) {
    emit(state ~/ x);
  }
}


//bar_cubit.dart
import 'package:flutter_bloc/flutter_bloc.dart';

class BarCubit extends Cubit<String> {
  BarCubit() : super("");

  void append(String str) {
    emit(state + str);
  }

  void reverse() {
    emit(String.fromCharCodes(state.codeUnits.reversed));
  }

  void clear() {
    emit('');
  }
}

 //main.dart
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:temp_bloc_runtime/bar_cubit.dart';
import 'package:temp_bloc_runtime/foo_cubit.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    final providers = <BlocProvider>[
          BlocProvider<FooCubit>(create: (_) => FooCubit()),
        ] +
        <BlocProvider>[
          BlocProvider<BarCubit>(create: (_) => BarCubit()),
        ];

    return MultiBlocProvider(
      providers: providers,
      child: MaterialApp(
        title: 'Flutter Demo',
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        home: const MyHomePage(title: 'Flutter Demo Home Page'),
      ),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({Key? key, required this.title}) : super(key: key);

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            BlocBuilder<FooCubit, int>(
              builder: (_, state) => Text(
                state.toString(),
              ),
            ),
            BlocBuilder<BarCubit, String>(
              builder: (_, state) => Text(
                state,
              ),
            ),
            const Expanded(child: SizedBox.shrink()),
            Row(
              children: [
                MaterialButton(
                  onPressed: () => context.read<FooCubit>().add(1),
                  child: const Text('+'),
                ),
                MaterialButton(
                  onPressed: () => context.read<FooCubit>().substract(1),
                  child: const Text('-'),
                ),
                MaterialButton(
                  onPressed: () => context.read<BarCubit>().append('A'),
                  child: const Text('+A'),
                )
              ],
            )
          ],
        ),
      ),
    );
  }
}