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

Flutter BlocProvider在继承的小部件中不可用,flutter,flutter-layout,flutter-dependencies,flutter-sliver,Flutter,Flutter Layout,Flutter Dependencies,Flutter Sliver,面临BlocProviders的问题 据我所知,在继承的widget范围内的任何地方都应该可以访问bloc 我有一个应用程序类,它恰好是我的核心类,在那里我构建了我的材料应用程序 Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, title: 'E-Form', color: Color(0xFF44697D), home:

面临BlocProviders的问题

据我所知,在继承的widget范围内的任何地方都应该可以访问bloc

我有一个应用程序类,它恰好是我的核心类,在那里我构建了我的材料应用程序

 Widget build(BuildContext context) {
  return MaterialApp(
    debugShowCheckedModeBanner: false,
    title: 'E-Form',
    color: Color(0xFF44697D),
    home: BlocProvider(child: LaunchScreen()),
  );
}
现在我有了LaunchScreen类,这里我没有使用BlocProvider,但我已经用BlocProvider将LaunchScreen完全包装在我的应用程序类中

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。这里我得到一个错误,说这个集团是空的

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是否仅在单个类范围内工作

还有一个错误,我想我的导航器工作不正常。出于某种原因,my Home()类构造函数再次被调用。我无法修复Navigator中的错误。一个例子将是伟大的我了解一个导航

这是我的诊断结果

$ 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()

Navigator
是由
MaterialApp
添加的小部件,当您调用它来更改路线时,它将替换
home:
属性中的小部件,从而替换您的
BlocProvider

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

给出完整的代码,对于给定的代码,BlocProvider和BlocStepperProvider内部的逻辑并不清楚。请查看有关InheritedWidget:的文档,只有当您希望将信息向下传播到树上时才这样做。@sreeramu,它只是BlocProvider,我忘记了用BlocProvider重构BlocStepperProvider的名称。对不起,这是我的错confusion@diegoveloper,我知道信息将向下传播,我已经阅读了文档。我的问题是,当我在树上传播信息时,为什么我的bloc无法访问。嗨@chemamolins,我仍然不确定为什么navigator会替换整个home小部件。为什么要这样?嗯,是的,你是对的。如果您执行的是
push()
而不是
pushReplacement()
,则它不会被替换,只是添加到路由堆栈中,但无论如何,新的路由/页面与
主页:
是平行的。您的
BlocProvider()
home:
路由的根,因此您无法从其他路由中找到它。在设置中,查看小部件检查器树。您将看到您的
BlocProvider
Home()
位于不同的分支中。您是否尝试将
BlocProvider()
放置在
材质应用
上方?