Question

面对BlocProviders的问题。

据我了解，在继承的小部件范围内的任何地方都应该可以访问集团。

我有一个App类，它恰好是我的核心类，我在其中构建我的材料App

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

现在我有了LaunchScreen类，这里我没有在使用BlocProvider，但是我已经将BloakProvider完全封装了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。在这里，我收到一条错误消息，说集团为空

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类中打印该块，则该块将完美初始化。 BlocProvider是否仅在单个类范围内工作？

还有另一个错误，我认为我的导航器无法正常工作。由于某种原因，我的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)

请看看并分享解决方案。谢谢！

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

Answer 2

您也可以将您的集团传递到屏幕“主页”，然后将您的脚手架包装在 BlocProvider.value(yourBlocInstance) 中。顺便说一句，这让您可以在 MaterialApp 下使用 BlocProvider(create: (context) => YourBloc()) 初始提供您的集团，导航不会破坏它。

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

2 个答案: