Dart 2.6引入了一种新的语言功能,称为“ 静态扩展成员 ”。 但是,我不太了解如何使用它。
我想轻松获得childCounta Row或Column,即使用row.childCount代替row.children.length:
childCount
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;
Flutter小组有一个官方视频介绍了扩展方法。
这是扩展方法如何工作的直观示例:
extension FancyNum on num { num plus(num other) => this + other; num times(num other) => this * other; }
我只是num在这里扩展并向类添加方法。可以这样使用:
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是可选的,以下内容也有效:
FancyNum
extension on num {}
在其他文件中使用扩展名时, 必须 给它起一个名字。
上面的扩展将利用隐式扩展成员调用,因为您不必显式声明您num是a FancyNum。
您还可以显式声明您的扩展名,但是在大多数情况下不需要这样做:
print(FancyNum(1).plus(2));
从问题所需的行为可以通过扩展实现Row或Column可以扩展:,甚至更好Flex,这是父类Row 和 Column:
Flex
extension ExtendedFlex on Flex { int get childCount => this.children.length; }
this.如果children未在中的当前词法范围内定义,也可以省略childCount,这意味着它=> children.length也是有效的。
this.
children
=> children.length
有了这个 静态扩展 的Flex进口,你可以把它在任何Flex也,即在每一个Row和Column。 Row(children: const [Text('one'), Text('two')]).childCount将评估为2。
Row(children: const [Text('one'), Text('two')]).childCount
2