flutter之fish-redux
2019-05-02 本文已影响0人
云上听风
入门
官方的文档和example对于新手(没做过前端开发)很不友好,一头雾水,先看这篇文章入门:
flutter fish redux使用简介
简单总结一下:
其实跟官方StatefulWidget一样,一切都是基于State。
显示:都是在View中根据state进行显示。
修改数据:
StatefulWidget在View中直接使用方法调用setState来修改state,setSate会通知View进行修改。
fish-redux在View中使用dispatch发出Action通知,Effect和Redux在创建时绑定了Action的操作,所以能收到Action通知。
在Effect中得到通知可以做一些其他操作但是不修改数据.
在Redux中进行修改数据。
Redux修改数据是clone了一份新的数据,修改后返回,框架会自动进行类似StatefulWidget中的setState操作通知View进行更新显示。
具体类说明
Page:
Fish Redux 使用指南
Page可以看成是一个容器,它用来配置聚合State,Effect,Reduce,View,Dependencies等
- 一个页面内都有且仅有一个 Store
- Page 继承于 Component,所以它能配置所有 Component 的要素(意思是比Component多了Middleware和initState)
- Page 能配置 Middleware,用于对 Redux 做 AOP 管理(意思是可以无侵入的实现一些如log打印,性能分析这样的通用功能。中间件定义是可插拔,可叠加,但不会改变事件流程)
- Page 必须配置一个初始化页面数据的初始化函数initState(页面有初始数据是必须的吧)
Dependencies:
官方语:
同时我们以显式配置的方式来完成大组件所依赖的小组件、适配器的注册,这份依赖配置称之为 Dependencies
Dependencies用来配置Adapter和slot。这些配置在View中调用ViewService来使用。
Adapter:
Adapter主要用于创建高性能的ListView。
关于Adapter先看看官方这两篇文章:
What's adapter
Adapter
其他不写了,其实先学习了上面的入门文章,再去看官方文档和example就清晰多了。