Flutter中Row内文本如何自动换行避免布局溢出？

两种方案失效的核心是没有匹配Flutter的约束传递逻辑：

• 给Text加overflow: TextOverflow.ellipsis不生效：Text作为Row的直接子组件时，Row在水平方向给子组件的是无界约束，Text会优先按文本内容的实际长度撑开布局，根本拿不到「最大可用宽度」的边界，溢出属性没有生效前提。
• 用Expanded包裹外层Row不生效：Expanded只能作为Flex类组件（Row/Column/Flex）的直接子组件才会起作用，包裹外层Row的操作既没有给内部溢出的Text传递宽度约束，放置位置也完全错误。

只需要给和图标同处一个Row内的Text组件外层套Expanded或者Flexible即可，让Text自动占用Row扣除图标宽度后的剩余可用空间，拿到明确的宽度边界后，不管是自动换行还是省略号都会正常生效。

修改后对应核心代码片段：

Row(
  children: [
    const Icon(Icons.medication),
    // 核心修改：用Expanded包裹文本组件
    Expanded(
      child: Text(
        entries[index].pillname,
        style: const TextStyle(
          fontSize: 25,
          fontWeight: FontWeight.bold,
        ),
        // 以下配置按需选择
        softWrap: true, // 默认就是true，超出宽度自动换行
        // 如果需要显示省略号，打开下面两行注释
        // overflow: TextOverflow.ellipsis,
        // maxLines: 2, // 限制最多显示行数
      ),
    ),
  ],
),

• 需要文本自动折行：保留默认softWrap: true即可，不需要加overflow属性，文本超出可用宽度会自动换到下一行，不会溢出
• 需要超出显示省略号：添加overflow: TextOverflow.ellipsis，可配合maxLines参数限制最大显示行数
• 不需要文本强制撑满剩余横向空间：把Expanded换成Flexible即可，文本会按实际内容长度占用空间，最长不超过Row剩余宽度，不会出现强制撑满的留白

当前溢出问题的运行效果参考：

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