在Flutter中,Row是用来在水平方向排列子组件的widget。

基本用法

Row(
  children: <Widget>[
    Text('Hello'),
    Text('World'),
  ],
)

主要属性

  • mainAxisAlignment: 设置子组件在主轴方向(水平方向)的对齐方式,可选值有start、end、center、spaceBetween、spaceAround和spaceEvenly。
  • crossAxisAlignment: 设置子组件在交叉轴方向(垂直方向)的对齐方式,可选值有start、end、center。
  • mainAxisSize: 设置主轴的尺寸约束,可选值有MainAxisSize.min和MainAxisSize.max。
  • textDirection: 设置子组件的排列顺序,可选值有TextDirection.ltr和TextDirection.rtl。
  • verticalDirection: 设置子组件在交叉轴上如何排列,可选值有VerticalDirection.down和VerticalDirection.up。

示例

Row(
  mainAxisAlignment: MainAxisAlignment.spaceBetween,
  crossAxisAlignment: CrossAxisAlignment.center,
  children: <Widget>[
    Text('Hello'),
    Text('World'),
  ],
)

通过以上基本用法和主要属性,我们可以灵活地使用Row来实现水平布局。