dart的继承和消息循环机制

我来为您详细介绍Dart语言中extension on的运用。首先让我查看一下完整的文件内容,以便更好地理解当前的扩展实现。

现在让我查看一下是否有其他相关的扩展使用示例,以便为您提供更全面的介绍。

基于您提供的代码,我来详细介绍一下Dart语言中extension on的运用。

Dart Extension 扩展方法详解

1. 基本语法

Dart中的extension允许您为现有的类添加新的功能,而无需修改原始类或创建子类。基本语法如下:

dart 复制代码
extension ExtensionName on Type {
  // 添加的方法、getter、setter等
}

2. 示例分析

示例1:为int类型添加扩展

dart 复制代码
extension IntFix on int {
  ///eg:200.px
  double get px {
    return ScreenHelper.getPx(toDouble());
  }
}

示例2:为double类型添加扩展

dart 复制代码
extension DoubleFix on double {
  ///eg:200.0.px
  double get px {
    return ScreenHelper.getPx(this);
  }
}

示例3:为String类型添加扩展

arduino 复制代码
extension StringExt on String{ 
    // 2. 扩展方法
    int add(int x, int y){ return x + y; } 
} 
void mian(){ 
    String str = 'hello'; 
    // 3. 使用扩展类方法 int result = str.add(3, 7); 
    debugPrint(result.toString()); 
}

3. Extension 的主要特性

3.1 添加方法

dart 复制代码
extension StringExtension on String {
  bool get isNullOrEmpty => isEmpty;
  
  String capitalize() {
    if (isEmpty) return this;
    return this[0].toUpperCase() + substring(1).toLowerCase();
  }
}

3.2 添加Getter/Setter

dart 复制代码
extension ListExtension<T> on List<T> {
  T? get firstOrNull => isEmpty ? null : first;
  
  T? get lastOrNull => isEmpty ? null : last;
}

3.3 操作符重载

dart 复制代码
extension DateTimeExtension on DateTime {
  DateTime operator +(Duration duration) => add(duration);
  DateTime operator -(Duration duration) => subtract(duration);
}

4. 使用场景

4.1 工具类扩展(如您的示例)

dart 复制代码
// 使用方式
double width = 200.px;  // 将200转换为适配后的像素值
double height = 300.5.px; // 将300.5转换为适配后的像素值

4.2 字符串处理

dart 复制代码
extension StringValidation on String {
  bool get isValidEmail => RegExp(r'^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$').hasMatch(this);
  bool get isValidPhone => RegExp(r'^1[3-9]\d{9}$').hasMatch(this);
}

4.3 集合操作

dart 复制代码
extension ListUtils<T> on List<T> {
  List<T> distinct() => toSet().toList();
  
  List<T> whereNotNull() => where((element) => element != null).toList();
}

5. 命名规则和导入

5.1 命名约定

  • 扩展名应该清晰表达其功能
  • 通常使用Extension后缀,如StringExtensionListExtension

5.2 导入方式

dart 复制代码
import 'extensions.dart' as ext;

// 使用
var result = ext.someExtensionMethod();

6. 限制和注意事项

6.1 不能访问私有成员

扩展只能访问目标类的公共接口,不能访问私有成员。

6.2 不能添加实例变量

扩展只能添加方法、getter、setter和操作符,不能添加实例变量。

6.3 冲突解决

如果多个扩展为同一类型定义了相同名称的成员,需要使用显式调用:

dart 复制代码
// 如果有冲突
MyExtension(obj).someMethod();

7. 实际应用示例

基于您的屏幕适配需求,扩展的使用非常优雅:

dart 复制代码
class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    ScreenHelper.init(context, baseWidth: 375); // 初始化适配
    
    return Container(
      width: 200.px,    // 自动适配
      height: 100.px,   // 自动适配
      child: Text('Hello World'),
    );
  }
}

8. 优势总结

  1. 代码简洁:避免了繁琐的静态方法调用
  2. 类型安全:编译器可以检查类型正确性
  3. 可读性强:代码更符合自然语言表达
  4. 易于维护:相关功能集中管理
  5. 无侵入性:不需要修改原始类

扩展为屏幕适配提供了非常优雅的解决方案,使得代码更加简洁和易读。

相关推荐
犹豫的果冻布丁3 分钟前
从零给 DeepSeek Harness 写一个壁纸皮肤插件(已开源)
前端·后端
漏刻有时21 分钟前
数据可视化Three.js 3D 地图实战:单文件原生实现省域区县拉伸建模
前端
会说话的番茄28 分钟前
AI 满嘴跑火车怎么办?给它配个"小抄"
前端·aigc
计算机魔术师29 分钟前
AI 权力集中辩论实录:从「token 工厂」到「唯一幸存者」
前端
eric-sjq34 分钟前
WanlyFrontend 中文声明式前端语言完全指南:让 0.6B 模型写出漂亮网页
前端
Full Stack Developme37 分钟前
跨站请求伪造 (CSRF) 是什么 设计及工作原理
前端·okhttp·csrf
MoSTChillax1 小时前
UI规范设计:从视觉到交互的全面指南
前端·ui·产品经理·设计规范·vibecoding
雪碧聊技术1 小时前
Vue + Element Plus 实现文本溢出显示省略号及悬浮提示
前端·javascript·css·vue.js·文本溢出省略
eric-sjq1 小时前
0.6B 前端生成模型本地部署实战:消费级显卡跑通 WanlyFrontend 全流程
前端·本地部署
小妖6662 小时前
设置了 box-sizing: border-box; 不管用,下边框还是被挤压没了
前端·css·html