如何在Flutter中返回小部件列表的一部分
问题内容:
我有一个包含多个部分的页面,每个部分都包含一个标题和文本列表。我希望整个系列作为一个系列统一滚动,并且想知道如何最好地打破这种逻辑。想象一下以下小部件树:
ListView(
children: <Widget>[
Text('Section 1 Header'),
Text('Section 1 List Item 1'),
Text('Section 1 List Item 2'),
Text('Section 2 Header'),
...
]
)
就可以轻松构建的辅助函数而言,类似以下内容将是不错的选择:
ListView(
children: <Widget>[
Text('Section 1 Header'),
_buildSection1ListItems(),
Text('Section 2 Header'),
]
)
凡_buildSection1ListItems()
如下所示:
List<Widget> _buildSection1ListItems() {
return [
Text('Section 1 List Item 1'),
Text('Section 1 List Item 2'),
];
}
而且不像下面这样:
Widget _buildSection1ListItems() {
return Expanded(
child: Column(
children: <Widget>[
Text('Section 1 List Item 1'),
Text('Section 1 List Item 2'),
]
)
);
}
到目前为止,我只发现了明显的第二种解决方案,但它引入了许多琐碎的小部件,这些小部件完全受业务逻辑重构的影响,而不是显示内容的实际的理想小部件树。
在Flutter中有这样做的模式吗?
问题答案:
从Dart 2.2.2或更高版本开始,您可以使用传播运算符:
ListView(
children: <Widget>[
Text('Section 1 Header'),
..._buildSection1ListItems(),
Text('Section 2 Header'),
]
)