Flutter MainAxisAlignment布局失效 控件未按预期分散对齐问题咨询

问题根因 #

MainAxisAlignment.spaceBetween未生效的核心原因是Row外层包裹的FittedBox组件压缩了Row的可用布局宽度。
FittedBox默认会将内部子组件的尺寸收缩到刚好容纳内容的最小值，此时Row拿到的布局宽度等于两个Text组件的宽度之和，没有多余留白空间供spaceBetween实现两端分散对齐，最终呈现为两个文本紧挨在一起的效果。

修复方案 #

方案一：移除多余的FittedBox（推荐） #

如果不需要对标题做强制缩放适配，直接删除FittedBox，给Row添加mainAxisSize: MainAxisSize.max属性占满标题区可用宽度即可：

AppBar(
  centerTitle: true,
  // 直接将Row作为title
  title: Row(
    mainAxisAlignment: MainAxisAlignment.spaceBetween,
    mainAxisSize: MainAxisSize.max, // 强制Row占满所有可用宽度
    children: [
      Text(title),
      Text(value1),
    ],
  ),
  // 其余原有代码保持不变
)

方案二：保留FittedBox时手动指定宽度 #

如果确实需要FittedBox做文本缩放适配，在FittedBox和Row中间增加SizedBox指定Row的可用宽度：

AppBar(
  centerTitle: true,
  title: FittedBox(
    fit: BoxFit.fitWidth,
    // 手动指定宽度为标题区可用宽度，可根据实际场景调整数值
    child: SizedBox(
      width: MediaQuery.of(context).size.width - 120,
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          Text(title),
          Text(value1),
        ],
      ),
    ),
  ),
  // 其余原有代码保持不变
)

依赖异常处理 #

pub get/upgrade后Firebase认证provider运行异常属于依赖版本兼容问题：

• 打开pubspec.yaml，将provider、firebase_core、firebase_auth等相关依赖的版本号前的^前缀移除，锁定为升级前正常运行的对应版本
• 若需要升级依赖，运行flutter pub outdated查看兼容的版本组合，统一调整版本约束后重新执行flutter pub get即可

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