Flutter 如何创建五个连续的居中小点?

你可以使用 Row 和 Container 创建五个连续的小点，并将它们居中对齐。

下面是一个示例代码：

Row(
  mainAxisAlignment: MainAxisAlignment.center,
  children: List.generate(
    5,
    (index) => Container(
      width: 8,
      height: 8,
      decoration: BoxDecoration(
        shape: BoxShape.circle,
        color: Colors.grey,
      ),
      margin: const EdgeInsets.symmetric(horizontal: 4),
    ),
  ),
);

在这个例子中，我们创建了一个 Row，并将它的 mainAxisAlignment 属性设置为 MainAxisAlignment.center，以便将其子组件居中对齐。然后，我们使用 List.generate 生成五个小点，每个小点都是一个 Container，宽度和高度都设置为 8，并使用 BoxDecoration 来设置圆形形状和灰色颜色。通过 margin 属性，我们为每个小点添加了一些水平间距，以便它们之间有空隙。

运行这个代码，你将得到一个居中对齐并具有五个连续小点的行：