Flutter BLoC Provider查询

Question

我最近开始使用Flutter中的BLoC模式，正在努力理解BLoC提供商的一个问题。我的类看起来像这样

class LoginBlocProvider extends InheritedWidget {
  final LoginBloc bloc;

  LoginBlocProvider({Key key, Widget child})
      : bloc = LoginBloc(),
        super(key: key, child: child);

  @override
  bool updateShouldNotify(InheritedWidget oldWidget) => true;

  static LoginBloc of(BuildContext context) {
    return context.dependOnInheritedWidgetOfExactType<LoginBlocProvider>().bloc;
  }
}

现在，我读过的大多数文章都说要将提供者添加到Material应用程序上方的小部件树中

return LoginBlocProvider(
    child: MaterialApp(...)
)

我的问题是，如果你有一个具有大量屏幕的复杂应用程序，会发生什么情况。看起来事情很快就会变得一团糟

return LoginBlocProvider(
  child: AccountBlocProvider(
    child: ScreenOne(
      child: ScreenTwo(
        child: ScreenThree(
          ...
        )
      )
    )
  )
)

有没有更有效的方法来管理它？

Answer 1

This page解释了如何避免在应用程序开始时提供所有块的可读性问题。有一个名为MultiBlocProvider的小部件，它接受提供者小部件的列表。

所以它看起来像这样：

return MultiBlocProvider(
  providers: [
    BlocProvider<LoginBloc>(
      create: (BuildContext context) => LoginBloc(),
    ),
    BlocProvider<AccountBloc>(
      create: (BuildContext context) => AccountBloc(),
    ),
    BlocProvider<PageOneBloc>(
      create: (BuildContext context) => PageOneBloc(),
    ),
  ],
  child: MaterialApp(...)
)