Fish Redux 使用自定义component

1.创建自定义component

2.在RootPageState中定义属性
ComponentState componentState;
和其他属性一样遵循clone协议并在initState方法中初始化

3.在RootPageState中定义连接器class CatalogueComponentConnector
在class中定义的ComponState的 get 和 set方法

//组件连接器
class CatalogueComponentConnector
    extends ConnOp<RootPageState, ComponentState> {
  @override
  ComponentState get(RootPageState state) {
    // TODO: implement get
    return state.componentState;
  }

  @override
  void set(RootPageState state, ComponentState subState) {
    // TODO: implement set
    state.componentState = subState;
  }

4.在RootPage.dart中添加绑定

...
dependencies: Dependencies< RootPageState >(
                adapter: null,
                slots: <String, Dependent< RootPageState >>{
                  'CustomComponent':
                  ComponentConnector() + ComponentComponent(),
                }),
...

5.在RootView中通过

viewService.buildComponent('CustomComponent');

引用