Flutter 在flatter中使用Bloc/Cubit时避开上下文

我做颤振有一段时间了，一直在使用setState（）。最近决定学习集团。现在在v6中，Bloc附带了Cubit，因此我们开始关注Bloc Cubit的教程，了解它们如何工作以及如何实现。到目前为止，无论我学到了什么，我都是在一个演示项目上实现的

我遇到了这个错误：

使用不包含Cubit类型Cubit的上下文调用BlocProvider.of（）

从传递给BlocProvider.of（）的上下文开始找不到祖先

如果您使用的上下文来自BlocProvider上方的小部件，则可能发生这种情况

使用的上下文是：BlocConsumer（dirty）

导致错误的相关小部件是BlocConsumer

这会将我重定向到CreateProfile.dart第3行，检查下面的内容

我猜错误与我没有将正确的上下文传递给CreateProfile的BlocConsumer的上下文有关。然而，登录和Otp页面中的Bloc工作正常

小部件树如下：主->启动->登录->Otp->创建概要文件

请帮助我解决这个问题，并建议正确的实践集团的实施，如果我的不合适

主飞镖

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

飞镖

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 
        )
      }
    )
);

返回脚手架(
背景颜色：kBackgroundColor，
正文：BlocConsumer(
侦听器：（上下文、状态）{
if（状态为LoginApiSuccess）{
推送（上下文，MaterialPage路由（生成器：（上下文）=>BlocProvider(
create：（context）=>OtpCubit（），
子项：Otp（），
)));
}
},
生成器：（上下文、状态）{
返回堆栈(
//包含登录用户界面
)
}
)
);

飞镖

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 
        )
      }
    )
);

返回脚手架(
背景颜色：kBackgroundColor，
正文：BlocConsumer(
侦听器：（上下文、状态）{
如果（状态为成功）{
推送（上下文，MaterialPage路由（生成器：（上下文）=>BlocProvider(
create：（context）=>CreateprofileCubit（），
子项：CreateProfile（），
)));
}
},
生成器：（上下文、状态）{
返回堆栈(
//包含OTP用户界面
)
}
)
);

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 
        )
      }
    )
);

返回脚手架(
背景颜色：kBackgroundColor，
body:BlocConsumer（//错误重定向到此
侦听器：（上下文、状态）{
如果（状态已创建）{
push（context，MaterialPageRoute（builder:（context）=>AddProfileImages（），）；
}
},
生成器：（上下文、状态）{
返回堆栈(
//包含CreateProfile用户界面
)
}
)
);

BlocProvider是一个泛型类，您需要为它提供一个类型。尝试替换：

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

与：

BlocProvider(
create：（context）=>OtpCubit（），
子项：Otp（），
)

---

同样的情况也适用于您使用的所有其他BlocProvider。

谢谢您，这是有效的，但为什么它不会导致登录或otp错误？

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