如何根据API返回数据动态调整Flutter容器高度？

核心问题分析 #

你的代码里有两个关键限制导致容器无法自适应内容：

• 容器设置了固定高度cardHeight，强制限制了容器尺寸
• ListView的shrinkWrap和physics属性被注释，ListView默认会占满父容器可用空间，无法收缩到内容高度

修改后的代码 #

Padding(
  padding: EdgeInsets.only(
    left: screenWidth * 0.05,
    right: screenWidth * 0.05,
    top: screenHeight * 0.06,
  ),
  child: Container(
    width: double.infinity,
    // 移除固定height，让容器自动适应子组件高度
    decoration: BoxDecoration(
      color: CustomColor.bordercolor,
      borderRadius: BorderRadius.circular(screenWidth * 0.05),
      border: Border.all(
        color: CustomColor.textfieldcolor,
        width: screenWidth * 0.005,
      ),
    ),
    child: ListView(
      // 开启shrinkWrap，让ListView收缩到内容实际高度
      shrinkWrap: true,
      // 禁用滚动，让内容完全展开，由父布局处理整体滚动（如果需要）
      physics: NeverScrollableScrollPhysics(),
      children: [
        if (!isTrue)
          for (int i = 0; i < widget.couponDetails.length; i++)
            Padding(
              padding: EdgeInsets.only(
                left: screenWidth * 0.065,
              ),
              child: Row(
                children: [
                  Expanded(
                    child: Text(
                      widget.couponDetails[i],
                      style: StyeleConstants.normalblacktextstyle400,
                    ),
                  ),
                ],
              ),
            ),
      ],
    ),
  ),
)

关键修改点说明 #

• 移除容器固定高度：删除height: cardHeight，容器会根据子组件的实际高度自动调整
• 启用ListView的shrinkWrap：设置shrinkWrap: true，ListView会根据子项总高度确定自身高度，而非占满父容器
• 禁用ListView滚动：设置physics: NeverScrollableScrollPhysics()，避免ListView内部滚动，让内容完全展开
• 移除多余的Flexible：Flexible用于Row/Column中分配剩余空间，此处直接用ListView作为Container子组件即可，无需嵌套Flexible

额外注意事项 #

如果该Container所在的父布局不可滚动（如直接放在Column中），建议将整个结构嵌套在SingleChildScrollView中，避免内容超出屏幕时出现溢出错误：

SingleChildScrollView(
  child: Padding(
    // 你的原有Padding和Container代码
  ),
)

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