Flutter中Wrap组件实现居中与居右对齐的问题

希望用Wrap组件实现子组件的居中与居右对齐（预期效果参考目标截图），选择Wrap而非Row是因为它能在屏幕尺寸调整时自适应可用空间。尝试了以下代码但未得到预期布局（错误效果参考对应截图）：

Wrap(
    alignment: WrapAlignment.center,
    crossAxisAlignment: WrapCrossAlignment.center,
    runAlignment: WrapAlignment.center,
    spacing: 30.0,
    children: [
      Wrap(
        spacing: 20,
        children: const [
          Text("About Me"),
          Text("B"),
          Text("C"),
          Text("D"),
        ],
      ),
      Wrap(
        alignment: WrapAlignment.end,
        children: [
          Text("My Data"),
        ],
      ),
    ],
),

你之前的写法里，外层Wrap用WrapAlignment.center会让所有子组件都居中排列，没法实现右侧元素居右的效果。要实现一组元素居中、另一组居右且Wrap能自适应换行的需求，最简单的方法是给外层Wrap加一个占位的弹性组件，撑开剩余空间让右侧元素自动靠到右边：

Wrap(
  alignment: WrapAlignment.center,
  crossAxisAlignment: WrapCrossAlignment.center,
  runAlignment: WrapAlignment.center,
  spacing: 30.0,
  children: [
    Wrap(
      spacing: 20,
      children: const [
        Text("About Me"),
        Text("B"),
        Text("C"),
        Text("D"),
      ],
    ),
    // 用Spacer撑开中间空间，让右侧元素居右
    const Spacer(),
    Wrap(
      children: const [
        Text("My Data"),
      ],
    ),
  ],
),

这样写的话，当屏幕宽度足够时，左侧Wrap居中，右侧Wrap被Spacer挤到最右边；当屏幕宽度不够时，Wrap会自动换行，此时Spacer会占满整行，右侧元素会单独显示在下一行，完全符合Wrap的自适应特性。

如果你希望换行时右侧元素和左侧元素保持在同一行（只有空间足够时才居右），可以用Row嵌套Wrap的方式，外层仍用Wrap保证整体自适应：

Wrap(
  alignment: WrapAlignment.center,
  crossAxisAlignment: WrapCrossAlignment.center,
  runAlignment: WrapAlignment.center,
  children: [
    Row(
      mainAxisSize: MainAxisSize.min,
      children: [
        Wrap(
          spacing: 20,
          children: const [
            Text("About Me"),
            Text("B"),
            Text("C"),
            Text("D"),
          ],
        ),
        const SizedBox(width: 30), // 替代外层Wrap的spacing
        const Spacer(),
        Wrap(
          children: const [
            Text("My Data"),
          ],
        ),
      ],
    ),
  ],
),

这种写法下，屏幕宽度足够时Row会让左侧Wrap居中、右侧Wrap居右；宽度不足时，整个Row会被Wrap换行，内部布局保持不变。

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