美文网首页
flutter之fish-redux

flutter之fish-redux

作者: 云上听风 | 来源:发表于2019-05-02 22:24 被阅读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就清晰多了。

    相关文章

      网友评论

          本文标题:flutter之fish-redux

          本文链接:https://www.haomeiwen.com/subject/jfponqtx.html