Flutter中如何实现容器内文本的垂直对齐？

仅增大Container高度无法让文本垂直对齐，因为默认情况下Container的子组件会从左上角开始布局，必须显式设置对齐规则才能调整文本的垂直位置，以下是几种可行的实现方式：

方法1：直接设置Container的alignment属性 #

通过给Container添加alignment参数，指定文本的对齐方式，比如要实现垂直居中、水平左对齐（匹配预期效果），可以这样写：

Container(
  height: 60, // 自定义容器高度
  alignment: Alignment.centerLeft,
  child: Text('需要对齐的文本'),
)

如果需要垂直水平都居中，将alignment改为Alignment.center即可。

方法2：用Align组件包裹文本 #

如果需要更灵活的局部对齐，比如仅调整文本的垂直位置、保持水平默认对齐，可以用Align组件嵌套：

Container(
  height: 60,
  child: Align(
    alignment: Alignment.centerLeft, // 垂直居中，水平左对齐
    child: Text('需要对齐的文本'),
  ),
)

方法3：通过Column组件控制对齐 #

如果容器内包含多个子组件，用Column配合mainAxisAlignment来控制垂直方向的对齐逻辑会更方便：

Container(
  height: 60,
  child: Column(
    mainAxisAlignment: MainAxisAlignment.center, // 垂直方向居中
    crossAxisAlignment: CrossAxisAlignment.start, // 水平方向左对齐
    children: const [
      Text('需要对齐的文本'),
      // 可添加其他子组件
    ],
  ),
)

内容的提问来源于stack exchange，提问作者Anusha Anil