Compose 1.1.1中Row设IntrinsicSize.Min后ConstraintLayout内容异常

问题分析 #

当Row设置Modifier.height(IntrinsicSize.Min)时，Row的宽度约束未被明确指定，导致内部的ConstraintLayout虽然设置了fillMaxWidth()，但只能基于Row的最小内在宽度布局，最终所有子元素被挤压到狭窄空间内。

解决方案 #

方案1：让Row占满父容器宽度 #

给Row添加fillMaxWidth()，确保其宽度足够容纳ConstraintLayout的内容：

Row(modifier = Modifier.fillMaxWidth().height(IntrinsicSize.Min)) {
    ConstraintLayout(modifier = Modifier.fillMaxWidth()) {
        // 你的ConstraintLayout子元素代码
    }
}

方案2：让ConstraintLayout占据Row的可用空间 #

如果Row不需要占满整个父容器宽度，给ConstraintLayout添加weight(1f)，使其填充Row的剩余可用宽度：

Row(modifier = Modifier.height(IntrinsicSize.Min)) {
    ConstraintLayout(modifier = Modifier.weight(1f).fillMaxWidth()) {
        // 你的ConstraintLayout子元素代码
    }
}

方案3：替换Intrinsic高度测量（可选） #

如果不需要严格基于子项最小高度布局，可将height(IntrinsicSize.Min)替换为wrapContentHeight()，同时保证宽度约束：

Row(modifier = Modifier.fillMaxWidth().wrapContentHeight()) {
    ConstraintLayout(modifier = Modifier.fillMaxWidth()) {
        // 你的ConstraintLayout子元素代码
    }
}

原因补充 #

在Jetpack Compose 1.1.1版本中，IntrinsicSize.Min的测量逻辑会让Row优先根据子项的最小高度确定自身高度，但宽度方向未明确约束时，ConstraintLayout的fillMaxWidth()无法获取足够的布局空间，进而导致内容挤压。通过明确宽度约束或调整子项的权重分配，即可修复该问题。

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