Flutter：调整Wrap内组件宽度，让Availability尽可能保持同行显示

你需要调整内层布局结构，让AboutText具备收缩/扩展能力，同时保留外层Wrap的换行逻辑，具体修改如下：

1. 把内层的Wrap换成Row，确保AboutImage和AboutText始终在同一行（除非屏幕连两者最小宽度都放不下，而你已说明AboutImage宽度固定，所以核心控制AboutText）。
2. 给AboutText加上最小宽度限制，并用Expanded让它能在可用空间内自动调整宽度：

修改后的代码：

Wrap(
  alignment: WrapAlignment.spaceBetween,
  children: [
    // 替换内层Wrap为Row，形成可收缩的左侧组合
    Row(
      mainAxisSize: MainAxisSize.min,
      children: [
        AboutImage(), // 固定宽度
        Expanded(
          child: ConstrainedBox(
            constraints: BoxConstraints(
              minWidth: 100, // 这里设置你需要的最小宽度
            ),
            child: AboutText(),
          ),
        ),
      ],
    ),
    Availability(), // 固定宽度
  ],
),

逻辑说明： #

• Row + mainAxisSize: MainAxisSize.min：让左侧组合的基础宽度尽可能紧凑，但Expanded会让AboutText在有多余空间时自动占满空隙。
• ConstrainedBox：强制AboutText宽度不低于设定的最小值，避免过度收缩导致内容显示异常。
• Expanded：让AboutText占据AboutImage与Availability之间的所有可用空间，当屏幕缩窄时，会优先收缩AboutText到最小宽度；直到左侧组合的最小宽度加上Availability的宽度超过屏幕宽度时，外层Wrap才会把Availability换到下一行。

如果AboutText本身是文本组件，可额外确保文本在最小宽度内支持自动换行，避免布局溢出。

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