flutter - BlocProvider 在继承的小部件中不可用

面临 BlocProviders 的问题。

据我了解,一个 block 应该可以在继承的小部件范围内的任何地方访问。

我有一个 App 类,它恰好是我的核心类,我在其中构建我的 Material App

 Widget build(BuildContext context) {
  return MaterialApp(
    debugShowCheckedModeBanner: false,
    title: 'E-Form',
    color: Color(0xFF44697D),
    home: BlocProvider(child: LaunchScreen()),
  );
}

现在我有了 LaunchScreen 类,这里我没有使用 BlocProvider,但我已经使用 BlocProvider 将 LaunchScreen 完全包装在我的 App 类中

class  LaunchScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final bloc = BlocProvider.of(context);
    return Scaffold(
      appBar: AppBar(
        title: Text('First Screen'),
      ),
      body: Center(
        child: RaisedButton(
          child: Text('Launch screen'),
          onPressed: () {
            // Navigate to second screen when tapped!
            Navigator.of(context).push(
              MaterialPageRoute(builder: (context) => Home()),
            );
          },
        ),
      ),
    );
  }
}

现在又是我的第三堂课,即 Home() 课。我正在尝试使用我的 BlocProvider。在这里我收到一个错误,说该 Bloc 为空

class Home extends StatelessWidget {
  Widget build(context) {
    final bloc = BlocProvider.of(context);
    return  Scaffold(
      appBar: AppBar(
        title: Text('Reduced Course Load'),
        backgroundColor: Color(0xFF44697D),
      ),
      body: CustomWidget(),
    );
  }
}

我无法弄清楚为什么这是空的。如果我在 LaunchScreen 类中初始化并打印 bloc,则该 bloc 被完美初始化。 BlocProvider 是否仅在单个类范围内工作?

还有另一个错误,我认为我的导航器无法正常工作。出于某种原因,我的 Home() 类构造函数再次被召回。我无法修复 Navigator 中的错误。一个例子对我理解导航器很有帮助。

这是我的 flutter 医生结果

$ flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel beta, v0.8.2, on Mac OS X 10.13.6 17G65, locale en-US)
[✓] Android toolchain - develop for Android devices (Android SDK 28.0.0)
[✓] iOS toolchain - develop for iOS devices (Xcode 9.4.1)
[✓] Android Studio (version 3.2)
[✓] VS Code (version 1.27.2)
[✓] Connected devices (1 available)

请看一下,并分享一个解决方案。谢谢!

最佳答案

您应该在 MaterialApp 小部件上方使用您的 BlocProvider()

NavigatorMaterialApp 添加的小部件,当您调用它来更改路线时,它会替换 home: 属性中的小部件,因此替换您的 BlocProvider

 Widget build(BuildContext context) {
  return BlocProvider(
    child: MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'E-Form',
      color: Color(0xFF44697D),
      home: LaunchScreen(),
    ),
  );
 }

https://stackoverflow.com/questions/52732892/

相关文章:

flutter - 无法在 flutter 中同步 build.gradle 中的依赖项

forms - 如何正确预填充 flutter 表单字段?

dart - 当我点击它时如何制作 TextSpan 波纹?

file - 在 Flutter 中保存照片(尤其是到相机胶卷)

dart - 如何在 Widget 构建方法中调用异步属性

dart - Java byte[] 的 Dart 等价物是什么

dart - 如何知道用户是否看到了 flutter 图像

android - 在无状态小部件中使用 TextFormField 在 flutter 中非常困难

android - 将数据广播到 Flutter 中的多个小部件

flutter - 如何完全处理我的 Stateful Widget?