Column

在Flutter中，Column是一个布局组件，用于垂直排列其子组件。类似的还有Row用于水平排列子组件。

基本用法

Column(
  children: <Widget>[
    // 子组件
    Widget1(),
    Widget2(),
    Widget3(),
  ],
)

主要属性

• mainAxisAlignment: 子组件在主轴上的对齐方式，可以是start、end、center、spaceBetween、spaceAround等。
• crossAxisAlignment: 子组件在交叉轴上的对齐方式，可以是start、end、center等。
• mainAxisSize: 主轴方向上的空间分配策略，可以是MainAxisSize.min或MainAxisSize.max。
• verticalDirection: 子组件摆放顺序，可以是VerticalDirection.down或VerticalDirection.up。
• textDirection: 子组件文本方向，可以是TextDirection.ltr或TextDirection.rtl。

示例

Column(
  mainAxisAlignment: MainAxisAlignment.center,
  crossAxisAlignment: CrossAxisAlignment.center,
  children: <Widget>[
    Text('Widget1'),
    Text('Widget2'),
    Text('Widget3'),
  ],
)

通过使用Column，我们可以很方便地垂直排列多个子组件。