关于程序员:Flutter-Bloc-框架-实现-HTTP-JSON-通讯

36次阅读

共计 633 个字符,预计需要花费 2 分钟才能阅读完成。

Flutter Bloc 框架 实现 HTTP + JSON 通信

原文 https://medium.com/vijay-r/fl…

前言

在本文中,咱们将探讨如何应用 Bloc 模式进行 http 发帖申请。

注释

依赖包

  • https://pub.dev/packages/flut…
  • https://pub.dev/packages/http

成果

1 Creating states.

咱们总共有 4 个状态在这个应用程序(初始,加载,加载和谬误状态)。

2 Creating Events

咱们在这个应用程序 (SendData ()) 中共有 1 个事件,用于公布申请。

3 Mapping events to states

将事件映射到状态

一旦在 UI 中按下搜寻按钮触发了“SendData”事件,咱们就会收回“Homepageloading”状态,这个状态会继续 3 秒钟,而后咱们会调用一个办法(fetchDetails ()),这个办法是独自写在存储库文件夹中的。

在存储库文件夹中编写的 API 调用 (fetchDetails ()) 如下所示,

为这个应用程序创立的 Dart 模型类如下所示,

4. Building up UI.

建设用户界面。

就是这样 🥳🎉

代码 👉

https://github.com/vijayinyou…

结语

感激,如果本文对你有帮忙,请转发让更多的敌人浏览。


© 猫哥

  • 微信 ducafecat
  • https://wiki.ducafecat.tech
  • https://video.ducafecat.tech

本文由 mdnice 多平台公布

正文完
 0