Flutter BLoC
Han Lv5

最近在又又又开始重构我的Flutter项目😇,继上次堆代码把功能实现了然后代码越写越复杂耦合越来越严重💀,于是我决定短痛,推了重写(这次我一定设计(chao)一个好的架构并维护好它💪)。先从业务逻辑和UI组件的结偶下手,决定用这个👉BLoC (Business Logic Components) 模式,BLoC的哲学就是app里的所有东西都应该被认为是事件流:一部分组件订阅事件,另一部分组件则响应事件。BLoC居中管理这些会话。Dart甚至把流(Stream)内置到了语言本身里。这个模式最好的地方就是你不需要引入任何的插件,也不需要学习其他的语法。所有需要的内容Flutter都有提供。

PS:学起来有点难 😭。 

streams_bloc.png

  • 小部件通过Sinks向 BLoC发送事件
  • BLoC 通过通知小部件。
  • BLoC 实现的业务逻辑与他们无关。

这样可以使业务逻辑与 UI 的解耦,这样我么就可以:

  • 我们可以随时更改业务逻辑,对应用程序的影响最小,
  • 我们可以在不影响业务逻辑的情况下更改 UI,
  • 现在测试业务逻辑要容易得多。

同时现在也已经有非常受欢迎的Flutter_bloc来支持你实现这个模式:

bloc_architecture_full.png

bloc_flow.png

文档在这里

 评论
Nickname
Email
Website
0/500
  • OωO
  • |´・ω・)ノ
  • ヾ(≧∇≦*)ゝ
  • (☆ω☆)
  • (╯‵□′)╯︵┴─┴
  •  ̄﹃ ̄
  • (/ω\)
  • ∠( ᐛ 」∠)_
  • (๑•̀ㅁ•́ฅ)
  • →_→
  • ୧(๑•̀⌄•́๑)૭
  • ٩(ˊᗜˋ*)و
  • (ノ°ο°)ノ
  • (´இ皿இ`)
  • ⌇●﹏●⌇
  • (ฅ´ω`ฅ)
  • (╯°A°)╯︵○○○
  • φ( ̄∇ ̄o)
  • ヾ(´・ ・`。)ノ"
  • ( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
  • (ó﹏ò。)
  • Σ(っ °Д °;)っ
  • ( ,,´・ω・)ノ"(´っω・`。)
  • ╮(╯▽╰)╭
  • o(*////▽////*)q
  • >﹏<
  • ( ๑´•ω•) "(ㆆᴗㆆ)
  • 😂
  • 😀
  • 😅
  • 😊
  • 🙂
  • 🙃
  • 😌
  • 😍
  • 😘
  • 😜
  • 😝
  • 😏
  • 😒
  • 🙄
  • 😳
  • 😡
  • 😔
  • 😫
  • 😱
  • 😭
  • 💩
  • 👻
  • 🙌
  • 🖕
  • 👍
  • 👫
  • 👬
  • 👭
  • 🌚
  • 🌝
  • 🙈
  • 💊
  • 😶
  • 🙏
  • 🍦
  • 🍉
  • 😣
  • 颜文字
  • Emoji
  • Bilibili
0 comments
No comment