Bloc是小程序和小游戏源码开发人员中最受欢迎的状态管理选择之一,因为它具有丰富的文档并且维护良好。但是,是的,也有一些缺点,例如,很多样板代码。
仓库源码:y.wxlbyx.icu
我们会先实现API集成,然后将状态持久化,这样当用户关闭应用程序时,它可以保持状态或从本地设备加载上次 API 调用保存的数据,简单来说。
请注意,在我们终止应用程序后,它会从上次中断的地方重新开始。此外,在加载了之前的(缓存的)状态后,应用程序会请求最新的 API 数据并无缝更新。让我们开始吧!
步骤
1.配置Flutter项目
2.添加数据模型
3.创建源码
4.创建源码状态和事件
5.创建 Bloc 存储库
6.实施搭建
1.配置Flutter项目
让我们添加我们将在整个应用程序中使用的必要包。
将依赖项复制到您的 Pubspec.yaml 文件中。我正在使用目前可用的最新版本。
然后我们需要安装它:
flutter packages get
2.添加数据模型
我们将实现“FREETOGAME API”。为此,我们必须制作 API 响应的数据模型。我使用以下网站制作数据模型类。这很简单,复制 JSON 响应并将其粘贴到网站上。该网站将为您生成一个课程。
另一个包含游戏列表的数据模型是指下面的代码。
上面的代码会告诉你一些错误,你可以看到第 5 行包含一个代码,表明这个文件是另一个需要生成的文件的一部分。还有一点,看第 7 行,它表示我们将序列化,以便我们可以保存响应以备后用。
3.创建源码
它包含主要源码背后的逻辑。现在我们还必须制作事件和状态。
4.创建源码状态和事件
可以有三个状态。
a、游戏列表正在加载 -> GamelistLoading
b、已加载游戏列表 -> GamelistLoaded
c、无法加载游戏列表 -> GamelistError
5.创建 Bloc 存储库
我们使用来自该文件或类的 HTTP 包形式调用 API。
6.实施部署搭建
这部分包含 UI 和 Bloc 实现。您可以检查主要功能。它正在实例化临时目录中的水合块。
请注意,在我们终止应用程序后,它会从停止的地方重新启动。此外,在加载了之前的(缓存的)状态后,应用程序会请求最新的 API 数据并无缝更新。