如何根据父级Card Widget尺寸调整内部文本与图片大小？

问题出在两个核心点：一是Row中的Text无宽度约束，导致Row无限扩张；二是LayoutBuilder的父容器没有明确宽度限制，使得constraints.maxWidth返回无限大。按以下方式修改代码即可解决：

1. 约束Text宽度：用Expanded包裹Text，让它占用Row剩余空间，避免撑大Row导致宽度无限。
2. 明确父容器宽度：给Card的子容器设置width: double.infinity，强制Card占满父级可用宽度，让LayoutBuilder能获取真实的父级宽度值。

修改后的完整代码：

Card(
  child: Container(
    width: double.infinity,
    padding: const EdgeInsets.all(8.0),
    child: LayoutBuilder(
      builder: (BuildContext context, BoxConstraints constraints) {
        double parentWidth = constraints.maxWidth;
        double imageWidth = (parentWidth * 0.3)
            .clamp(24.0, 32.0); // 父宽度的30%，限制在24-32px区间
        double fontSize = (parentWidth * 0.05).clamp(12.0, 24.0); // 父宽度的5%，限制在12-24px区间
        
        return Row(
          children: [
            Container(
              padding: const EdgeInsets.all(4.0),
              decoration: ShapeDecoration(
                color: const Color(0xFF26364C),
                shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(2.42),
                ),
              ),
              child: CachedNetworkImage(
                imageUrl: teamLogoUrl,
                fit: BoxFit.scaleDown,
                height: imageWidth,
                width: imageWidth,
              ),
            ),
            const SizedBox(width: 8.0), // 替换自定义spaceX为标准组件
            Expanded(
              child: Text(
                teamName,
                textAlign: TextAlign.right,
                overflow: TextOverflow.ellipsis, // 处理文本溢出
                style: TextStyle(
                  color: const Color(0xFFFEFEFE),
                  fontSize: fontSize,
                  fontFamily: 'Inter',
                  fontWeight: FontWeight.w700,
                  height: 0,
                ),
              ),
            )
          ],
        );
      },
    ),
  ),
)

补充说明 #

• 如果Card本身已处于有明确宽度约束的父组件中（比如Scaffold的body、固定宽度的Container），可省略Container(width: double.infinity)。
• 添加TextOverflow.ellipsis可避免文本过长时溢出，提升界面整洁度。

内容的提问来源于stack exchange，提问作者In progress...