BlocProvider.of() 使用不包含 Bloc<dynamic,dynamic> 类型的 Bloc 的上下文调用

Posted 2023-02-23

【中文标题】BlocProvider.of() 使用不包含 Bloc<dynamic,dynamic> 类型的 Bloc 的上下文调用

【英文标题】：BlocProvider.of() called with a context that does not contain a Bloc of type Bloc<dynamic,dynamic>

【发布时间】：2020-05-20 00:18:32

【问题描述】：

错误：I/flutter (5919)：══╡ 小部件库发现异常 ╞═════════════════════════════════════════════════ ══════════ I/颤振 （5919）：在构建 Builder 时抛出了以下断言： I/flutter（5919）：使用上下文调用 BlocProvider.of() 不包含 Bloc 类型的 Bloc。 I/flutter（5919）：找不到祖先 从传递给 I/flutter ( 5919) 的上下文开始： BlocProvider.of>()。我/颤振（5919）： 如果您使用的上下文来自 块提供者。 I/flutter（5919）：使用的上下文是： BlocBuilder，动态>（脏，状态：I/flutter（ 第5919章 dynamic>#55a7d(lifecycle state: created)) I/flutter (5919): The 相关的导致错误的小部件是：I/flutter（5919）：MaterialApp /lib/main.dart:35:12

这是我的主要内容

void main() 
  final StorageRepository storageRepository = StorageRepository();
  final AuthenticationRepository authenticationRepository =
      AuthenticationRepository();
  runApp(BlocProvider<AuthenticationBloc>(
      create: (_) => AuthenticationBloc(
          authenticationRepository: authenticationRepository,
          storageRepository: storageRepository),
      child: MyApp()));

MaterialApp 小部件

MaterialApp(
      debugShowCheckedModeBanner: false,
      theme: ThemeData(primarySwatch: Colors.deepPurple),
      home: BlocBuilder(
        builder: (context, state) 
          print(state);
          if (state is Authenticated) 
            return MainPage();
           else if (state is Unauthenticated) 
            return LoginPage();
           else if (state is Uninitialized) 
            return SplashScreen();
          

          return Container();
        ,
      ),

【参考方案1】：

您忘记将 Bloc 和 State 类型赋予 BlocBuilder 小部件

MaterialApp(
      debugShowCheckedModeBanner: false,
      theme: ThemeData(primarySwatch: Colors.deepPurple),
      /// You need to specify the type here, 
      /// that's why you got error Bloc<dynamic, dynamic>
      home: BlocBuilder<AuthenticationBloc, AuthenticationState>(
        builder: (context, state) 
          print(state);
          if (state is Authenticated) 
            return MainPage();
           else if (state is Unauthenticated) 
            return LoginPage();
           else if (state is Uninitialized) 
            return SplashScreen();
          

          return Container();
        ,
      ),

【参考方案2】：

作为错误，本身提示BlocProvider没有访问正确的context来使用bloc

MultiBlocProvider 提供了添加多个提供者的能力，然后这些提供者可以获得正确的上下文访问，因为MultiBlocProvider 将BlocProvider 列表转换为嵌套树 BlocProvider 小部件。

MultiBlocProvider(
          providers: [
            BlocProvider<YourBloc>(
                create: (BuildContext context) =>)
          ],
          child: MaterialApp(
            home: BlocBuilder<YourBloc, YourState>(