Flutter文本两端对齐问题：mainAxisAlignment失效且禁用SizedBox

你遇到的核心问题是Row没有获得足够的宽度约束，导致mainAxisAlignment的设置无法生效——默认情况下Row会根据子元素宽度自适应，不会占满父容器的可用空间，所以文本自然挤在一起。结合你不想用SizedBox的需求，我给你两个直接有效的解决方案：

方案一：给外层Column添加横向拉伸约束 #

只需要修改包含这些Row的外层Column，让内部的Row自动占满横向空间，再给每个Row设置两端对齐：

Column(
  crossAxisAlignment: CrossAxisAlignment.stretch, // 让子Row占满父容器宽度
  mainAxisAlignment: MainAxisAlignment.spaceEvenly,
  children: <Widget>[
    Row(
      mainAxisAlignment: MainAxisAlignment.spaceBetween, // 首尾两端对齐
      children: <Widget>[
        Text('Humidity', style: mainText,),
        Text('Value'),
      ],
    ),
    Row(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      children: <Widget>[
        Text('Humidity'),
        Text('Value'),
      ],
    ),
    // 剩余Row按同样方式修改
  ],
),

方案二：给单个Row套Expanded #

如果不想修改外层Column的属性，也可以给每个需要两端对齐的Row单独套Expanded，强制它占满可用宽度：

Column(
  mainAxisAlignment: MainAxisAlignment.spaceEvenly,
  children: <Widget>[
    Expanded(
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: <Widget>[
          Text('Humidity', style: mainText,),
          Text('Value'),
        ],
      ),
    ),
    Expanded(
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: <Widget>[
          Text('Humidity'),
          Text('Value'),
        ],
      ),
    ),
    // 剩余Row按同样方式修改
  ],
),

为什么这样能解决问题？ #

• CrossAxisAlignment.stretch或Expanded的作用是给Row提供明确的宽度约束，让它不再只包裹子元素，而是占满父容器的横向空间；
• MainAxisAlignment.spaceBetween会自动把Row内的子元素分别推到行的首尾，用空白填充中间区域，完全替代了SizedBox的手动占位逻辑。

这样就能完美实现你想要的“Humidity在左、Value在右”的两端对齐效果啦～

内容的提问来源于stack exchange，提问作者Ashish Bairwa