Dart多态控制反转编码规范实例分析

77次阅读

共计 2295 个字符，预计需要花费 6 分钟才能阅读完成。

导读	这篇文章主要为大家介绍了 Dart 多态控制反转编码规范实例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪

前言

我们通常都知道程序设计要依赖抽象，提高复用性，做到对扩展开放，对修改关闭。贯彻 SOLID 五大原则的最重要法宝就是抽象和继承。多态是一种手段，下面，通过简单 demo 介绍 flutter 开发中常用的最佳实践。

举例子

/// 不推荐，避免把逻辑放在公共底层处理
class TestWidget extends StatefulWidget {const TestWidget({Key? key}) : super(key: key);
  @override
  TestWidgetState createState() => TestWidgetState();
}
class TestWidgetState extends State {
  dynamic param;
  Widget childWidget = Container();
  /// 提供给外部调用
  void update(dynamic value) {setState(() {
      param = value;
      _updateBody();});
  }
  void _updateBody(){if(param == null){childWidget = Container();
      return;
    }
    switch(param.runtimeType){
      case A:
        childWidget = AWidget(a: param as A,);
        break;
      case B:
        childWidget = BWidget(b: param as B,);
        break;
      default:
        childWidget = Container();
        break;
    }
  }
  @override
  Widget build(BuildContext context) {
    return Container(child: childWidget,);
  }
}

如上的写法是不推荐的，应该进行依赖倒置，将可变的部分放上层处理，保证底层干净，如下：

方式一：通过传参构造器进行控制反转

typedef ChildBuilder = Widget Function(dynamic param);
class TestWidget extends StatefulWidget {
  final ChildBuilder builder;
  const TestWidget({Key? key, required this.builder}) : super(key: key);
  @override
  TestWidgetState createState() => TestWidgetState();
}
class TestWidgetState extends State {
  dynamic param;
  void update(dynamic value) {setState(() {param = value;});
  }
  @override
  Widget build(BuildContext context) {
    return Container(child: widget.builder(param),
    );
  }
}
/// 外部使用 TestWidget
Widget _builder(dynamic param){if (param == null) {return Container();
  }
  switch (param.runtimeType) {
    case A:
      return AWidget(a: param as A,);
    case B:
      return BWidget(b: param as B,);
    default:
      return Container();}
}
return TestWidget(builder: _builder);

方式二：通过继承 + 泛型进行解耦

/// 将 TestWidget 改成抽象类并指定泛型
abstract class TestWidget extends StatefulWidget {const TestWidget({Key? key}) : super(key: key);
  Widget childBuilder(T param);
  @override
  TestWidgetState createState() => TestWidgetState();}
class TestWidgetState extends State {
  T? param;
  Widget childWidget = Container();
  void update(T value) {setState(() {param = value;});
  }
  @override
  Widget build(BuildContext context) {
    return Container(child: widget.childBuilder(param),
    );
  }
}
/// 实例 A
class ATestWidget extends TestWidget {const ATestWidget({Key? key}) : super(key: key);
  @override
  Widget childBuilder(A param) {return AWidget(a: param);
  }
}
/// 实例 B
class BTestWidget extends TestWidget {const BTestWidget({Key? key}) : super(key: key);
  @override
  Widget childBuilder(B param) {return BWidget(b: param);
  }
}

以上就是 Dart 多态控制反转的详细内容。