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，但是我已經使用 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。 在這里，我收到一條錯誤消息，指出該集團為空

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

您應該在MaterialApp小部件上方使用您的BlocProvider() 。

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()) 初始提供您的集團，導航不會破壞它。