面试题：Flutter中Column Widget的子Widget如何实现均匀分布

Question

在Flutter开发中，使用Column Widget时，若想让其内部的多个子Widget在垂直方向上均匀分布空间，你会使用什么属性或方法来实现？请简述思路并给出关键代码示例。

Answer 1

1. 思路：
   • 在Flutter中，要使Column内部的多个子Widget在垂直方向上均匀分布空间，可以使用mainAxisAlignment属性。mainAxisAlignment用于控制主轴（在Column中主轴为垂直方向）上子Widget的排列方式。将其值设置为MainAxisAlignment.spaceEvenly，就可以实现子Widget在垂直方向上均匀分布空间。
2. 关键代码示例：

Column(
  mainAxisAlignment: MainAxisAlignment.spaceEvenly,
  children: [
    Container(
      height: 50,
      color: Colors.red,
    ),
    Container(
      height: 50,
      color: Colors.green,
    ),
    Container(
      height: 50,
      color: Colors.blue,
    ),
  ],
)