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

Question

面对BlocProviders的问题.

据我所知,一个集团应该可以在继承的小部件范围内的任何地方访问.

我有一个App类,它恰好是我的核心类,在那里我构建我的素材App

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

现在我有了LaunchScreen类,这里我没有使用我的BlocProvider,但是我已经在我的App类中使用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.在这里我得到一个错误,说bloc为null

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()类构造函数再次被召回.我无法在导航器中修复错误.一个例子对我来说理解导航器会很棒.

这是我扑了医生的结果

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

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

Answer 1

您应该使用BlocProvider()上面的MaterialApp小部件.

Navigator是一个添加的小部件MaterialApp,当你调用它来改变一个路由它取代home:属性中的小部件,因此取代你的BlocProvider.

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