Flutter FishRedux使用步骤(个人整理,仅供参考)

对于FishRedux这么多文件还是记不住怎么用的,你可以强制让自己念如下几遍。

FishRedux共action、effect、page、reducer、state、view
六个文件,其中还有conponent、adapter等,这里我们暂时先不记。

重要的类说三遍:
重要的类说三遍:
重要的类说三遍:
以下的内容熟记并背住它

action:
一系列的操作、事件发生都在这里,包括动作跳转,网络请求,表达发生类什么。

effect:
处理来自视图的意图,如点击事件,网络请求都在这里发生副作用。

page:
其他5个组件都组装秒杀,是component的子类,有生命周期。

reducer:
处理action事件的映射函数,更新返回新的state

state:
数据源,页面的初始化,数据更新都与之相关。

view:
数据都展示形式,如果在页面有操作,需要dispatch一个已经定义过都action


一般我们写一个page页面,步骤如下。

第一步:state:
先在state中创建好数据源

第二步:effect:
接着获取数据,初始化并处理数据,使用Lifecycle.initState 映射一个函数,在获取数据之后,那么就要更新state,使用dispatch指定一个定义过的action,将数据从这里传过去。

第三步:action:
在action里面定义了事件枚举,使用payload可以传值

第四步:reducer:
在reducer中对于action事件映射函数,更新返回新的state

第五步:view:
如果view如果有事件要执行则使用dispatch指定一个定义过的action

第六步:view中传值
在b中跳转页面的初始赋值在initState可获取到

简单总结:

动作由需求触发,定义在action,属性在state,监听和操作在effect,effect通过传送动作在reducer中更新state。

参考链接:

fish_redux示例说明

你可能感兴趣的:(Flutter开发)