今早無意間看到了 Dart 居然也支持 Api 的擴(kuò)展，感覺就好像發(fā)現(xiàn)了新大陸，之前寫的好多轉(zhuǎn)換方法都可以換一個(gè)更簡潔匣缘，更優(yōu)雅的寫法。
這么好的點(diǎn)當(dāng)然要記錄一下鲜棠，同時(shí)也分享給各位親肌厨。
Dart 擴(kuò)展需要關(guān)鍵詞:extension。這個(gè)關(guān)鍵字只有在 Dart 版本 2.7 及其以上才支持豁陆。所以請確保你工程項(xiàng)目中 pubspec.yaml 文件中:
environment:
sdk: ">=2.7.0 <3.0.0"
如果你之前的是老項(xiàng)目柑爸，修改了 pubspec.yaml，執(zhí)行 pub get 之后盒音，重啟 IDE 之后設(shè)置才會生效表鳍。看一下 extension 的用法祥诽。超級簡單譬圣。
形如：
extension <extension name> on <type> {
(<member definition>)*
}
示例：
extension StringExtension1 on String {
//字符轉(zhuǎn)換成Color對象
toColor() {
var hexColor = this.replaceAll("#", "");
if (hexColor.length == 6) {
hexColor = "FF" + hexColor;
}
if (hexColor.length == 8) {
return Color(int.parse("0x$hexColor"));
}
}
//字符轉(zhuǎn)int
parseInt() {
return int.parse(this);
}
}
extension DateTimeExtension on DateTime {
toFormatString() {
DateFormat dateFormat = new DateFormat("yyyy-MM-dd HH:mm:ss");
return dateFormat.format(this);
}
}
擴(kuò)展不僅可以定義方法，還可以定義,setter,getter,operator原押。如果要使用這些擴(kuò)展方法胁镐，只要引用導(dǎo)入對應(yīng)的 dart 文件即可。
import 'util/extensions.dart';//導(dǎo)入
void main() {
print("#90F7EC".toColor());
print("23".parseInt());
}
這種寫法是不是超級簡單诸衔。盯漂。。
這種擴(kuò)展對于申明為動態(tài)類型的變量不可使用笨农。也就是：
dynamic h = "78";
print(h.parseInt()); //Runtime exception: NoSuchMethodError
運(yùn)行報(bào)錯(cuò)就缆。
如果你定義了很多擴(kuò)展，擴(kuò)展方法之間有同名沖突谒亦，可以用 hide,show竭宰，as 限制空郊，選擇你想用擴(kuò)展方法。
import 'util/extensions.dart';
import 'util/extensions1.dart' hide StringExtension1;
import 'util/extensions.dart' as ex1;
print("#90F7EC".toColor());
print("23".parseInt());
print(ex1.DateTimeExtension(DateTime.now()).toFormatString());
擴(kuò)展也可以作用于泛型：
//擴(kuò)展list的方法
extension HclList<T> on List<T> {
//擴(kuò)展屬性
int get doubleLength => length * 2;
//擴(kuò)展操作符
List<T> operator -() => reversed.toList();
//一個(gè)鏈表分割成兩個(gè)
List<List<T>> split(int at) => <List<T>>[sublist(0, at), sublist(at)];
}
擴(kuò)展在 Widget 控件中的應(yīng)用
我們會經(jīng)常有類似控件:
Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Container(
margin: EdgeInsets.all(10),
alignment: Alignment.center,
child: Text("ZL"),
),
Container(
margin: EdgeInsets.all(10),
alignment: Alignment.center,
child: Text("ZL"),
),
Container(
margin: EdgeInsets.all(10),
alignment: Alignment.center,
child: Text("ZL"),
),
],
)
好多重復(fù)的 Container()是不是切揭？我們可以擴(kuò)展 一下：
extension HclWidget on Widget {
Widget marginAll(double margin) {
return Container(
alignment: Alignment.center,
margin: EdgeInsets.all(margin),
child: this,
);
}
}
之后我們就可以改成這樣：
Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text("ZL").marginAll(10),
Text("ZL").marginAll(10),
Text("ZL").marginAll(10),
],
)
擴(kuò)展類的所有代碼：
import 'dart:ui';
import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
extension StringExtension on String {
//字符轉(zhuǎn)換成Color對象
toColor() {
var hexColor = this.replaceAll("#", "");
if (hexColor.length == 6) {
hexColor = "FF" + hexColor;
}
if (hexColor.length == 8) {
return Color(int.parse("0x$hexColor"));
}
}
//字符轉(zhuǎn)int
parseInt() {
return int.parse(this);
}
}
extension DateTimeExtension on DateTime {
toFormatString() {
DateFormat dateFormat = new DateFormat("yyyy-MM-dd HH:mm:ss");
return dateFormat.format(this);
}
}
//擴(kuò)展list的方法
extension HclLis<T> on List<T> {
//擴(kuò)展屬性
int get doubleLength => length * 2;
//擴(kuò)展操作符
List<T> operator -() => reversed.toList();
//一個(gè)鏈表分割成兩個(gè)
List<List<T>> split(int at) => <List<T>>[sublist(0, at), sublist(at)];
}
extension HclWidget on Widget {
Widget marginAll(double margin) {
return Container(
alignment: Alignment.center,
margin: EdgeInsets.all(margin),
child: this,
);
}
}
