如何使用Dart扩展功能？

Question

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

我想轻松获得childCounta Row或Column，即使用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;

Answer 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

从问题所需的行为可以通过扩展实现Row或Column可以扩展：，甚至更好Flex，这是父类Row 和 Column：

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

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

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