Flutter不使用Stack实现Row组件居中与末尾对齐 解决多设备间距异常

需求为不使用Stack组件，实现Row布局内两个组件的布局效果：文本组件水平居中、图标组件靠Row末尾对齐。
当前采用Spacer填充剩余间距的写法，在不同设备上运行会出现间距不一致的适配问题。
目标效果参考：

异常效果参考：

Row(
      children: [
        SizedBox(width: 33.w),
        Text(
          StringRes.getStart,
          style: TextStyle(
            fontWeight: FontWeight.w500,
            color: AppColors.backgroundColor,
            fontSize: 13.sp,
          ),
        ),
        Spacer(),
        Icon(
          Icons.arrow_forward,
          color: AppColors.backgroundColor,
        ),
        SizedBox(
          width: 3.w,
        ),
      ],
    ),

Spacer会自动占满Row主轴方向的所有剩余空间，Row宽度随屏幕尺寸变化时，Spacer的宽度也会跟着变，直接导致文本和箭头的间距忽大忽小，文本也没法稳定待在居中位置，就出现了不同设备显示效果不一致的问题。

实现逻辑：左侧放置和右侧箭头区域等宽的占位组件平衡宽度，中间用Expanded包裹文本并设置居中，右侧放置固定尺寸的箭头组，从根本上避免可变间距的问题，全程不使用Stack组件。

Row(
  children: [
    // 左侧占位，宽度和右侧箭头区域总宽度保持一致，保证中间文本可以真正居中
    SizedBox(width: 24.w + 3.w),
    // 中间文本区域占满剩余可用空间，内容始终水平居中
    Expanded(
      child: Text(
        StringRes.getStart,
        textAlign: TextAlign.center,
        style: TextStyle(
          fontWeight: FontWeight.w500,
          color: AppColors.backgroundColor,
          fontSize: 13.sp,
        ),
      ),
    ),
    // 右侧箭头组固定在Row末尾，位置不受屏幕宽度变化影响
    Icon(
      Icons.arrow_forward,
      size: 24.w, // 显式指定图标尺寸，和左侧占位宽度匹配
      color: AppColors.backgroundColor,
    ),
    SizedBox(width: 3.w),
  ],
)

如果需要给整个Row设置统一的水平内边距，直接在Row外层包裹Padding组件设置对应边距即可，不要把边距拆分到Row的子组件中，避免破坏左右宽度平衡导致文本居中偏移。

• 所有固定宽度的组件尺寸不会随屏幕宽度变化，从根源上避免间距错乱
• 文本被Expanded包裹后占满左右占位组件之间的全部空间，设置textAlign: TextAlign.center后永远处于Row的水平中心位置
• 右侧箭头组始终靠Row末尾对齐，位置不会随屏幕尺寸变化偏移
• 全程未使用Stack组件，完全符合需求限制

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