Flutter 使用 ... 运算符将多个小部件组合成单个列表

8 min read

在 Flutter 中，您可以使用 ... 运算符将多个小部件组合成单个列表，这使得您可以在 children 属性中将多个小部件放在一起，而不需要将它们单独包装在列表中。

以下是一个示例，演示如何使用 ... 运算符将多个小部件组合成单个列表：

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Text('First'),
        Text('Second'),
        Text('Third'),
        ...[
          Text('Fourth'),
          Text('Fifth'),
        ],
      ],
    );
  }
}

在 Column 中，将依次显示以下小部件：

  1. Text('First')
  2. Text('Second')
  3. Text('Third')
  4. Text('Fourth')
  5. Text('Fifth')

在上面的示例中，我们创建了一个名为 MyWidget 的新小部件，并将多个 Text 小部件放在 Column 的 children 属性中。使用 ... 运算符，我们将 Text 小部件列表 [Text('Fourth'), Text('Fifth')] 合并到 Column 的 children 列表中。

请注意，... 运算符只能在集合前面使用，并且只能将其他集合合并到现有集合中。