Flutter中两个Text组件间自定义水平间距的最优实现方案是什么

大型Flutter项目中，两个Text之间的水平间距完全不推荐使用\t、手动空格实现，优先根据业务场景选择以下两种可维护、可统一管控的规范方案：

不推荐空格/制表符的核心原因 #

• 适配性极差：不同系统、不同字体下的空格、制表符宽度没有统一标准，同一套代码在不同设备上的间距偏差可达30%以上，完全不可控
• 维护成本极高：后续调整间距需要增减空格/制表符数量，没有量化标准，团队协作时很容易出现不同人实现的相同场景效果不一致的问题

方案1：拆分独立Widget组合（优先推荐，适配90%以上业务场景） #

适合两个文本需要不同样式、后续可能单独加点击事件、需要做全局对齐的场景，是大型项目的首选规范。
实现方式：用Row组件包裹两个Text，中间的间距用SizedBox精确控制数值，如果需要做标签和值的全局对齐，还可以给标签Text加固定宽度，或者用MainAxisAlignment.spaceBetween实现两端对齐。

示例代码（对应你给出的版本号场景）：

Padding(
  padding: const EdgeInsets.only(left: 50.0),
  child: Row(
    mainAxisSize: MainAxisSize.min,
    children: [
      const Text(
        'Current Version',
        style: TextStyle(
          fontSize: 18,
          fontWeight: FontWeight.w500,
        ),
      ),
      // 精确控制标签和冒号之间的间距
      const SizedBox(width: 16),
      const Text(
        ':',
        style: TextStyle(
          fontSize: 18,
          fontWeight: FontWeight.w500,
        ),
      ),
      // 精确控制冒号和版本号之间的间距
      const SizedBox(width: 24),
      Text(
        appVersion,
        style: const TextStyle(
          fontSize: 18,
          fontWeight: FontWeight.w500,
        ),
      ),
    ],
  ),
)

如果项目里同类“标签:值”的场景很多，可以把这个结构封装成通用的LabelValueText组件，全局统一间距、样式，后续调整只需要改组件代码即可，维护成本极低。

方案2：TextSpan组合（适合纯文本无交互、样式统一的场景） #

如果两个文本不需要单独处理交互、样式完全一致，也可以用Text.rich配合WidgetSpan实现精确间距控制，性能比拆分Row更好。

示例代码：

Padding(
  padding: const EdgeInsets.only(left: 50.0),
  child: Text.rich(
    TextSpan(
      style: const TextStyle(
        fontSize: 18,
        fontWeight: FontWeight.w500,
      ),
      children: [
        const TextSpan(text: 'Current Version'),
        // 插入固定宽度的间距
        WidgetSpan(child: SizedBox(width: 16)),
        const TextSpan(text: ':'),
        WidgetSpan(child: SizedBox(width: 24)),
        TextSpan(text: appVersion),
      ],
    ),
  ),
)

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