Flutter中Row子组件宽度无法自适应父容器怎么办？

这个问题挺常见的，主要是因为 Row 的子组件在主轴方向（水平方向）默认不会自动扩展，而 Expanded 和 Flexible 有时候确实会让图标变形或者报错。解决这种问题有几个常见的办法。

首先，你可以试试用 Flexible 包裹需要自适应宽度的子组件，而不是直接用 Expanded。比如这样：

Row(

  children: [

    Icon(Icons.star, size: 24),

    Flexible(

      child: Text(

        "项目标题很长很长很长",

        overflow: TextOverflow.ellipsis,

        maxLines: 1,

      ),

    ),

    Spacer(),

    Text("99+")

  ],

)

这里的关键是 Flexible 只会让子组件在父容器有剩余空间时扩展，而不会强制压缩内容。同时给 Text 加上 overflow: TextOverflow.ellipsis 和 maxLines: 1，可以防止文字过长导致布局溢出。

如果你发现 Spacer 也会引起问题，可以直接用 Expanded 替代它，但记得只包裹需要占剩余空间的部分。比如把 Spacer 换成一个空的 Expanded：

Row(

  children: [

    Icon(Icons.star, size: 24),

    Flexible(

      child: Text(

        "项目标题很长很长很长",

        overflow: TextOverflow.ellipsis,

        maxLines: 1,

      ),

    ),

    Expanded(child: SizedBox.shrink()),

    Text("99+")

  ],

)

另外，关于你提到的报错“RenderFlex children have non-zero flex but incoming width constraints are unbounded”，这是因为 ListView 默认会让子组件的宽度无限延伸。解决方法很简单，在 Card 外面包一层 Container 或者 SizedBox，限制它的宽度。比如这样：

ListView(

  children: [

    SizedBox(

      width: double.infinity,

      child: Card(

        child: Row(

          children: [

            Icon(Icons.star, size: 24),

            Flexible(

              child: Text(

                "项目标题很长很长很长",

                overflow: TextOverflow.ellipsis,

                maxLines: 1,

              ),

            ),

            Expanded(child: SizedBox.shrink()),

            Text("99+")

          ],

        ),

      ),

    )

  ],

)

总结一下，Flexible 是处理这种问题的核心，再加上合理的宽度限制和溢出处理，基本就能搞定大部分类似的情况。希望这些方案能帮到你！

把 Row 包在 SizedBox 或 Container 里给个明确宽度，或者直接用 LayoutBuilder 拿父容器约束。

LayoutBuilder(

  builder: (context, constraints) =>

    Row(

      children: [

        Icon(Icons.star, size: 24),

        ConstrainedBox(

          constraints: BoxConstraints(maxWidth: constraints.maxWidth - 60),

          child: Text("项目标题很长很长很长", overflow: TextOverflow.ellipsis),

        ),

        Spacer(),

        Text("99+")

      ],

    ),

)