Dart多态控制反转编码规范实例详解

 更新时间:2022年11月16日 08:42:57   作者:李小轰_Rex  
这篇文章主要为大家介绍了Dart多态控制反转编码规范实例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

前言

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

举栗子🌰

/// 不推荐,避免把逻辑放在公共底层处理
class TestWidget extends StatefulWidget {
  const TestWidget({Key? key}) : super(key: key);
  @override
  TestWidgetState createState() => TestWidgetState();
}
class TestWidgetState extends State<TestWidget> {
  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<TestWidget> {
  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<T> extends StatefulWidget {
  const TestWidget({Key? key}) : super(key: key);
  Widget childBuilder(T param);
  @override
  TestWidgetState<T> createState() => TestWidgetState<T>();
}
class TestWidgetState<T> extends State<TestWidget> {
  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<A> {
  const ATestWidget({Key? key}) : super(key: key);
  @override
  Widget childBuilder(A param) {
    return AWidget(a: param);
  }
}
/// 实例B
class BTestWidget extends TestWidget<B> {
  const BTestWidget({Key? key}) : super(key: key);
  @override
  Widget childBuilder(B param) {
    return BWidget(b: param);
  }
}

以上就是Dart 多态 控制反转的详细内容,更多关于Dart 多态 控制反转的资料请关注脚本之家其它相关文章!

相关文章

  • 浅析Dart语言的异步处理

    浅析Dart语言的异步处理

    Dart是一个单线程语言,我们在处理耗时操作的时候使用stream或者future来实现,在这篇文章中我们将简单的给大家聊一聊Dart语言的异步处理
    2023-06-06
  • Android开发中Dart语言7个很酷的特点

    Android开发中Dart语言7个很酷的特点

    这篇文章主要为大家介绍了Android开发中Dart语言7个很酷的特点分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-05-05
  • 一文详解Dart如何实现多任务并行

    一文详解Dart如何实现多任务并行

    这篇文章主要为大家介绍了Dart如何实现多任务并行示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • Flutter学习笔记(二)创建一个flutter项目

    Flutter学习笔记(二)创建一个flutter项目

    这篇文章主要介绍了Flutter学习笔记(二)创建一个flutter项目,其中运行的过程,可能涉及到网络环境配置的问题,需要的朋友可以参考下
    2023-04-04
  • Dart语法之变量声明与数据类型实例详解

    Dart语法之变量声明与数据类型实例详解

    这篇文章主要为大家介绍了Dart语法之变量声明与数据类型实例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10
  • Dart多个future队列完成加入顺序关系及原子性论证

    Dart多个future队列完成加入顺序关系及原子性论证

    这篇文章主要介绍了Dart多个future队列完成加入顺序关系及原子性论证,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • Flutter学习笔记(一)配置环境

    Flutter学习笔记(一)配置环境

    这篇文章主要介绍了Flutter学习笔记(一)配置环境,Flutter app使用了 Dart语言,源自于 Google,现在是 ECMA 的标准,需要的朋友可以参考下
    2023-04-04
  • Flutter 图片开发核心技能快速掌握教程

    Flutter 图片开发核心技能快速掌握教程

    这篇文章主要为大家介绍了Flutter 图片开发核心技能快速掌握教程,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • Flutter入门学习Dart语言变量及基本使用概念

    Flutter入门学习Dart语言变量及基本使用概念

    这篇文章主要为大家介绍了Flutter入门学习Dart语言变量及基本使用概念,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • flutter中如何使用和扩展ThemeData实现详解

    flutter中如何使用和扩展ThemeData实现详解

    这篇文章主要为大家介绍了flutter中如何使用和扩展ThemeData实现详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11

最新评论