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

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

在 Flutter 中，Row 是一个水平布局的小部件，用于将子控件沿着水平轴排列。Row 类似于 HTML 中的 div 标签，但仅限于水平布局。它非常适合用来创建行式布局，如表单输入、按钮组、标签栏等。

基础用法

Row 最基本的用法是将多个控件水平排列：

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

主轴对齐

Row 的 mainAxisAlignment 属性用于控制子控件在主轴（水平轴）上的对齐方式：

开始对齐

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

居中对齐

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

两端对齐

Row(
  mainAxisAlignment: