在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来实现水平布局。