Flutter布局问题：文本过长时如何实现自动换行？

针对你遇到的Flutter布局问题，这里提供两种可行方案，对应不同的换行需求：

方案1：文本换行时保持右侧元素在同一行 #

如果希望第一个文本元素在空间不足时自动换行，同时右侧元素始终保持在同一行的末尾，可以用Row结合Expanded包裹Text：

Row(
  crossAxisAlignment: CrossAxisAlignment.end,
  children: [
    // Expanded让Text占据剩余空间，自动换行
    Expanded(
      child: Text(
        "builder name 这是一段很长很长很长很长很长很长的文本内容",
        softWrap: true, // 默认开启，可省略
      ),
    ),
    const SizedBox(width: 8), // 可选：添加两个元素间的间距
    widget(), // 你的右侧元素
  ],
)

方案2：文本过长时右侧元素换行到新行 #

如果希望当第一个文本元素长度超出单行空间时，右侧元素自动换行到下一行（匹配你截图的效果），可以调整Wrap的属性配置：

Wrap(
  alignment: WrapAlignment.spaceBetween, // 模拟Row的spaceBetween两端对齐效果
  crossAxisAlignment: WrapCrossAlignment.end, // 保持元素底部对齐
  children: [
    Text(
      "builder name 这是一段很长很长很长很长很长很长的文本内容",
    ),
    widget(), // 你的右侧元素
  ],
)

你之前用Wrap未成功的原因 #

大概率是没有设置alignment: WrapAlignment.spaceBetween，默认的WrapAlignment.start会让元素从左到右紧凑排列，无法模拟Row两端对齐的视觉效果，导致不符合预期。

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