一尘不染

如何使用Dart扩展功能?

flutter

Dart 2.6引入了一种新的语言功能,称为“ 静态扩展成员 ”。
但是,我不太了解如何使用它。

我想轻松获得childCounta RowColumn,即使用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;

阅读 468

收藏
2020-08-13

共1个答案

一尘不染

Flutter小组有一个官方视频介绍了扩展方法。

静态扩展成员

这是扩展方法如何工作的直观示例:

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是a
FancyNum

您还可以显式声明您的扩展名,但是在大多数情况下不需要这样做:

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

弹性childCount

从问题所需的行为可以通过扩展实现RowColumn可以扩展:,甚至更好Flex,这是父类Row Column

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

this.如果children未在中的当前词法范围内定义,也可以省略childCount,这意味着它=> children.length也是有效的。


有了这个 静态扩展Flex进口,你可以把它在任何Flex也,即在每一个RowColumn
Row(children: const [Text('one'), Text('two')]).childCount将评估为2

2020-08-13