Flutter 中的 Column 小部件：全面指南

Flutter 中的 Column 小部件：全面指南

在 Flutter 中，Column 是一个垂直布局的小部件，用于将子控件沿着垂直轴排列。Column 与 Row 相对，Row 是水平布局，而 Column 则是垂直布局。它非常适合用来创建列式布局，如表单、列表项、导航栏等。

基础用法

Column 最基本的用法是将多个控件垂直排列：

Column(
  children: <Widget>[
    Container(height: 50.0, color: Colors.red),
    Container(height: 50.0, color: Colors.blue),
    // ... 更多的控件
  ],
)

主轴对齐

Column 的 mainAxisAlignment 属性用于控制子控件在主轴（垂直轴）上的对齐方式：

顶部对齐

Column(
  mainAxisAlignment: MainAxisAlignment.start,
  // ... 子控件
)

居中对齐

Column(
  mainAxisAlignment: MainAxisAlignment.center,
  // ... 子控件
)

底部对齐

Column(
  mainAxisAlignment: MainAxisAlignment.end