Fish Redux系列学习之新建page以及认识state

继续上一篇的学习，现在我们将fishredux导包。

pubspec.yaml文件：

按照图中圈出来的，进行依赖。Android studio 有一个快速生成fisuredux模版插件，不过可能不怎么好用，在这里还是稍微提一下。FishReduxTemplate

fishredux有page、component和adapter三类，其中page是继承自component的，adapter是fishredux专门做出来的列表类组件。接下来我们用第一种page页面，这也是我们常用的页面。

新建page页面

如上：splash（闪屏，第一页），新建的page页面有action、effect、page、reducer、state、view这6个组件，不过page更类似一个组装器，没有变动，接下来我们看看page里面的内容。

page里的内容

import 'package:fish_redux/fish_redux.dart';

import 'effect.dart';
import 'reducer.dart';
import 'state.dart';
import 'view.dart';

class SplashPage extends Page<SplashState, Map<String, dynamic>> {
     
  SplashPage()
      : super(
            initState: initState,
            effect: buildEffect(),
            reducer: buildReducer(),
            view: buildView,
            dependencies: Dependencies<SplashState>(
                adapter: null,
                slots: <String, Dependent<SplashState>>{
     
                }),
            middleware: <Middleware<SplashState>>[
            ],);

}

基本上就是不动，以后如果要用到adapter需要在null那里进行组装，还有一些中间件需要在middleware中进行配置。

上面就是page里的内容，记住，这个类基本上生成了也就这样子了。

state页面

这里的state页面就是点page里中的initState中进来的，当然数据源就是从这里过来的，可以初始化数据，及其他的类似刷新类的contronler等等。

import 'package:fish_redux/fish_redux.dart';

class SplashState implements Cloneable<SplashState> {
     

  @override
  SplashState clone() {
     
    return SplashState();
  }
}

SplashState initState(Map<String, dynamic> args) {
     
  return SplashState();
}

如下图，这里我给看一个有填写内容的state文件。

这里暂时就是这样用。上面说的page可以不用怎么记，state还是要记住的，因为这个我们是经常用，而且用的也很多，你只要记住state是状态，数据的意思就行了，数据的初始化，controler什么的都是在这里进行操作的。

接下来我们将讲解page中的剩下四个组件。Fish Redux系列学习之初探