首页 > 解决方案 > 具有多个firebase请求的flutter bloc cubit最佳实践

问题描述

我正在开发一个带有 firebase 的应用程序,在一个屏幕上我需要一次获取大量文档,即当天的第一张图片、用户的统计信息、待处理的请求、朋友的统计信息,然后是国家/地区的统计信息。

*对不起我的命名顺便说一句

class HomeSmileLoading extends HomeState {
const HomeSmileLoading();
@override
List<Object> get props => [];
}

与此类似,我有 HomeStatsLoading ,朋友统计...

这就是我在应用程序开始时执行代码的方式

HomeCubit() : super(HomeInitial()) {
imageOfday();
getStats();
//...
}

我觉得有更好的方法来做到这一点..
如果有人有任何提示或想法,我感谢你的帮助

标签: firebasefluttergoogle-cloud-firestoreflutter-layoutbloc

解决方案


好吧,您所做的并没有错,只是您将无法并行加载所有数据。此外,在您的情况下,一个 Cubit 负责处理您应该加载的所有不同数据 - 它不是很灵活。

我建议你做的是:

  1. 为每个数据源/功能创建一个不同的 Cubit(一个用于统计,一个用于请求等)。

  2. 每个 Cubit 都有不同的状态:初始、加载、加载、错误 - 这些可能会根据您的需要而有所不同。

  3. 在为您的应用创建/提供 Cubits 时,在每个 Cubit 上调用 init/load 函数以加载初始数据:

    MultiBlocProvider(
      providers: [
        BlocProvider<StatsCubit>(
          create: (BuildContext context) => StatsCubit()..getStats(),
        ),
        BlocProvider<ImageCubit>(
          create: (BuildContext context) => ImageCubit()..imageOfday(),
        ),
        BlocProvider<AnyOtherCubit(
          create: (BuildContext context) => AnyOtherCubit()..loadData(),
        ),
      ],
      child: ChildA(),
    )
    

一个好的做法是按功能拆分 Cubits 并使它们只负责一件事情(例如处理身份验证、用户统计信息、任何特定数据等)。


推荐阅读