oop-cn.md

OOP

• 虽然框架推荐使用的函数式的编程方式，也提供面向对象式的编程方式的支持。
  • ViewPart
    • 需要复写 build 函数。
    • 需要的 state，dispatch，viewService 的参数，已经成为了对象的字段可以直接使用。
    • 它是@immutable 的，所以不应该也不需要在内部定义可变字段。
  • EffectPart
    • 需要复写 createMap 函数。
    • 需要的 Context 已经被打平，作为了对象的字段可以直接使用。
    • 可以定义字段，它的可见性也仅限于自身。
    • 它必须配合 higherEffect 一起使用。
• 示例代码

class MessageView extends ViewPart<MessageState> {
    @override
    Widget build() {
        return Column(children: [
            viewService.buildComponent('profile'),
            InkWell(
                child: Text('$message'),
                onTap: () => dispatch(const Action('onShare')),
            ),
        ]);
    }
}

class MessageEffect extends EffectPart<MessageState> {
    ///we could put some Non-UI fields here.

    @override
    Map<Object, OnAction> createMap() {
        return <Object, OnAction>{
            Lifecycle.initState: _initState,
            'onShare': _onShare,
        };
    }

    void _initState(Action action) {
        //do something on initState
    }

    void _onShare(Action action) async {
        //do something on onShare
        await Future<void>.delayed(Duration(milliseconds: 1000));
        dispatch(const Action('shared'));
    }
}

class MessageComponent extends Component<MessageState> {
    MessageComponent(): super(
        view: MessageView().asView(),
        higherEffect: higherEffect(() => MessageEffect()),
    );
}