複雑なUIがあるPageの中でのBLoCの使い方

[gakuh]

WHY

• ホーム画面は複雑になりがち
  • 複数のWidget Treeが走る
• 各Widgetが使うBLoCを適切なタイミングで生成したい

WHAT

• bloc_providerの使いどころをきちんと理解する
• bloc_providerでBLoCを呼び出す場所をどこにすると適切なライフサイクルになるのかを調べる

REF

• https://github.com/mono0926/bloc_provider
• https://medium.com/flutter-jp/bloc-provider-70e869b11b2f

[gakuh]

ここを見ると、一番大元のWidgetをbuildするときにbloc_providerを呼んでいる https://github.com/mono0926/bloc_provider/blob/master/example/complex/lib/main.dart#L25

class App extends StatelessWidget {
  const App();
  @override
  Widget build(BuildContext context) {
    return BlocProviderTree(
      blocProviders: [
        CatalogProvider(),
        CartProvider(),
      ],
      child: MaterialApp(
        title: 'Bloc Complex',
        theme: appTheme,
        home: const MyHomePage(),
        routes: {
          BlocCartPage.routeName: (context) => const BlocCartPage(),
        },
      ),
    );
  }
}

class MyHomePage extends StatelessWidget {