flutter - Flutter 找不到正确的 Provider导航到不同的路线后
问题描述
我正在使用 bloc 来处理注册表单的状态。但我得到错误:
Error: Could not find the correct Provider<CreateDidBloc> above this BlocBuilder<CreateDidBloc, CreateDidState> Widget
。
正如您在错误中看到的那样,我确实使用了 blocCreateDidBloc
和 stateCreateDidState
并通过 BlocBuilder 获取它们。
BlocBuilder 位于我的“注册”页面中,在我的例子中称为Creation
. 当我从介绍页面导航到创建页面时,会发生错误。
下面是我的摘录,我MaterialApp
在其中用 a 包装了创建页面,RepositoryProvider
以便BlocProvider
创建页面可以访问 Bloc 和存储库。但是由于某种原因,页面在导航到创建页面后creation
找不到 BlocProvider 。CreateDidBloc
initialRoute: "/introduction",
routes: {
"/introduction": (context) => Introduction(),
"/create": (context) => RepositoryProvider(
create: (context) => CreateDidRepository(),
child: BlocProvider(
create: (BuildContext context) => CreateDidBloc(
repo: context.read<CreateDidRepository>(),
),
child: Creation(),
),
),
},
这就是我导航到Creation
屏幕的方式:
Navigator.push(context,
PageTransition(type: PageTransitionType.fade, child: Creation()));
创建(注册)页面:
@override
Widget build(BuildContext context) {
return SafeArea(
child: Scaffold(
body: Column(
children: [
Expanded(
child: PageView(
physics: const NeverScrollableScrollPhysics(),
controller: _pageController,
onPageChanged: (index) {
setState(() => currentStep = index);
},
children: [
Step1(),
Step2(),
Step3(),
],
),
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
BlocBuilder<CreateDidBloc, CreateDidState>(
builder: (context, state) {
return ElevatedButton(
onPressed: () {
next();
},
child: Text(L.of(context).next));
},
),
BlocBuilder<CreateDidBloc, CreateDidState>(
builder: (context, state) {
return OutlinedButton(
onPressed:
state.formStatus is FormSubmitting ? null : cancel,
child: Text(L.of(context).back));
},
)
],
),
const SizedBox(
height: 16,
)
],
)));
}
这是堆栈跟踪:
When the exception was thrown, this was the stack
#0 Provider._inheritedElementOf
#1 Provider.of
#2 ReadContext.read
#3 _BlocBuilderBaseState.initState
#4 StatefulElement._firstBuild
解决方案
CreateDidBloc
我找到了我的 BlocBuilder导航后找不到的原因。发生该错误是因为在 Flutter 中导航会将您的页面推送到小部件树中 MaterialApp 的正下方。这意味着我新导航的页面位于 MaterialApp 下方的小部件树中指定的 BlocProvider 之上。
为了解决这个问题,我只是用 MultiBlocProvider 和 RepositoryProvider 包装了我的 MaterialApp,这样无论我在哪条路线上都可以全局提供 Bloc。
这是我可以在其中全局定义集团的重要摘录:
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return RepositoryProvider(
create: (context) => CreateDidRepository(),
child: MultiBlocProvider(
providers: [
BlocProvider<LanguageBloc>(
create: (context) =>
LanguageBloc(LanguagePreference.getLanguage())),
BlocProvider<CreateDidBloc>(
create: (context) =>
CreateDidBloc(repo: context.read<CreateDidRepository>()))
],
child: BlocBuilder<LanguageBloc, LanguageState>(
builder: (context, state) {
return MaterialApp(...)
推荐阅读
- google-app-maker - 错误发布应用程序无法访问部署
- c++ - 展开回溯跟踪如何在内部工作?
- java - java将地图转换为pojo忽略一些键
- windows - Windows/Drillbit 错误:无法找到或加载主类 org.apache.drill.exec.server.Drillbit
- r - 使用 R 计算数据框中列实体的出现次数
- android - retrofit2 获取没有 jsonArray 名称的 json 对象
- modeling - 发现合金规格的意外实例
- c# - C# - 当前行填满时如何防止光标跳转到下一行
- node.js - 在 Raspberry Pi 零 W 上的 Node.js 中,通过 noble.on('discover') 事件逐渐增加 CPU 使用率
- python - Python - Pygame - 圆周运动