flutter 如何使用Dart扩展功能?

t40tm48m  于 2023-05-19  发布在  Flutter
关注(0)|答案(3)|浏览(130)

Dart 2.6引入了一个新的语言特性,称为“static extension members”。
但是,我不太明白如何使用它。
我想很容易地得到RowColumnchildCount,即使用row.childCount代替row.children.length

void main() {
  final row = Row(children: const [Text('one'), Text('two')]), 
      column = Column(children: const [Text('one'), Text('two'), Text('three')]);

  print(row.childCount); // Should print "2".

  print(column.childCount); // Should print "3".
}

我尝试了以下操作,但这是一个语法错误:

Row.childCount() => this.children.length;

Column.childCount() => this.children.length;
cu6pst1q

cu6pst1q1#

现在有一个关于扩展方法的official video by the Flutter team

静态扩展成员

下面是一个直观的例子来说明扩展方法是如何工作的:

extension FancyNum on num {
  num plus(num other) => this + other;

  num times(num other) => this * other;
}

我只是在这里扩展了num并向类中添加了方法。可以这样使用:

print(5.plus(3)); // Equal to "5 + 3".
print(5.times(8)); // Equal to "5 * 8".
print(2.plus(1).times(3)); // Equal to "(2 + 1) * 3".

请注意,名称FancyNum是可选的,以下内容也是有效的:

extension on num {}

当你在另一个文件中使用你的扩展名时,你必须给予它一个名字。
上面的扩展将使用隐式扩展成员调用,因为您不必显式地将num声明为FancyNum
你也可以显式声明你的扩展,但在大多数情况下不需要这样做:

print(FancyNum(1).plus(2));

Flex childCount

通过扩展RowColumn,甚至更好地实现问题中的期望行为:你可以扩展Flex,它是Row * 和 * Column的超类:

extension ExtendedFlex on Flex {
  int get childCount => this.children.length;
}

如果children未在childCount的当前词法作用域中定义,则this.也可以省略,这意味着=> children.length也是有效的。
导入Flex的这个 *static扩展名 * 后,您可以在任何Flex上调用它,即也在每个RowColumn上。
Row(children: const [Text('one'), Text('two')]).childCount将计算为2

zte4gxcn

zte4gxcn2#

Dart 2.7引入了新的扩展方法概念。
https://dart.dev/guides/language/extension-methods

extension ParseNumbers on String {
    int parseInt() {
        return int.parse(this);
    }
    double parseDouble() {
        return double.parse(this);
    }
}
main() {
    int i = '42'.parseInt();
    print(i);
}
cqoc49vn

cqoc49vn3#

对于省道延伸功能,您需要执行以下操作:

定义扩展名:

extension MyString on String {
  void addPrefix(String prefix){
   print('$prefix $this');
  }
}

使用扩展名:

void main(){
  String message = 'Hello, World!';
  message.addPrefix('Message:'); // Output: Message: Hello, World!

}

相关问题