flutter - 在Flutter中使用Bloc/Cubit时避开CONTEXT

我做了一段时间，一直在使用setState()。最近决定学习BLoC。现在在v6中，Bloc随Cubit一起提供，因此开始跟进BLoC-Cubit的教程，了解它们的工作方式和实现方法。到目前为止，无论我学到了什么，我都在一个演示项目上进行了实现。
我遇到了这个错误:
The relevant error-causing widget was BlocConsumer<Cubit<dynamic>, dynamic>这将我重定向到CreateProfile.dart行号。 3，检查以下内容。
我猜该错误与上下文有关，我没有将正确的上下文传递给CreateProfile的BlocConsumer。但是，“登录”和“Otp”页面中的“Bloc”工作正常。
小部件树变为:Main-> Splash-> Login-> Otp-> CreateProfile。
如果我的方法不正确，请帮助我解决此问题，并提出正确的集团实现实践。
主镖

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
        home: Splash(),
        routes: {
          Splash.id : (context) => Splash(),
        },
    );
   }
}

Splash.dart

FlatButton(
  onTap: (){
    Navigator.push(context, MaterialPageRoute(builder: (context) => BlocProvider(
      create: (context) => LoginCubit(),
      child: Login(),)));
    },
  child: Text('Get Started', style: kText18SemiBold.copyWith(color: Colors.white)),
),

Login.dart

return Scaffold(
    backgroundColor: kBackgroundColor,
    body: BlocConsumer<LoginCubit, LoginState>(
      listener: (context, state) {
        if(state is LoginApiSuccess){
          Navigator.push(context, MaterialPageRoute(builder: (context) => BlocProvider(
            create: (context) => OtpCubit(),
            child: Otp(),
          )));
        }
      },
      builder: (context, state) {
        return Stack(
          // Contains Login UI
        )
      }
    )
);

奥特·达特

return Scaffold(
    backgroundColor: kBackgroundColor,
    body: BlocConsumer<OtpCubit, OtpState>(
      listener: (context, state) {
        if(state is OtpApiSuccess){
          Navigator.push(context, MaterialPageRoute(builder: (context) => BlocProvider(
            create: (context) => CreateprofileCubit(),
            child: CreateProfile(),
          )));
        }
      },
      builder: (context, state) {
        return Stack(
          // Contains OTP UI
        )
      }
    )
);

CreateProfile.dart

return Scaffold(
    backgroundColor: kBackgroundColor,
    body: BlocConsumer<CreateprofileCubit, CreateprofileState>( // Error redirects here
      listener: (context, state) {
        if(state is ProfileCreated){
          Navigator.push(context, MaterialPageRoute(builder: (context) => AddProfileImages(),));
        }
      },
      builder: (context, state) {
        return Stack(
          // Contains CreateProfile UI
        )
      }
    )
);

最佳答案

BlocProvider是泛型类，您需要为其提供类型。尝试更换:

BlocProvider(
   create: (context) => OtpCubit(),
   child: Otp(),
)

与:

BlocProvider<OtpCubit>(
   create: (context) => OtpCubit(),
   child: Otp(),
)

同一件事适用于您使用的所有其他BlocProvider。

关于flutter - 在Flutter中使用Bloc/Cubit时避开CONTEXT，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/63968137/