参数一致时，requiredSizeIn为何与requiredWidthIn+requiredHeightIn效果不同？

问题场景 #

我先编写了如下代码：

LazyColumn(
    contentPadding = PaddingValues(all = 64.dp),
    verticalArrangement = Arrangement.spacedBy(16.dp),
) {
    item {
        Box(
            modifier = Modifier
                .width(200.dp)
                .height(200.dp)
                .border(BorderStroke(2.dp, Color.Green))
        ) {
            Box(modifier = Modifier
                .fillMaxSize()
                .sizeIn(100.dp, 200.dp)
                .requiredWidthIn(150.dp, 180.dp)
                .requiredHeightIn(150.dp, 180.dp)
                .border(BorderStroke(3.dp, Color.Red))
            )
        }
    }
}

运行后红色Box宽高均被限制在150-180dp之间，最终取最大值180dp，符合预期。

随后将requiredWidthIn和requiredHeightIn替换为requiredSizeIn(150.dp, 180.dp)，代码如下：

LazyColumn(
    contentPadding = PaddingValues(all = 64.dp),
    verticalArrangement = Arrangement.spacedBy(16.dp),
) {
    item {
        Box(
            modifier = Modifier
                .width(200.dp)
                .height(200.dp)
                .border(BorderStroke(2.dp, Color.Green))
        ) {
            Box(modifier = Modifier
                .fillMaxSize()
                .sizeIn(100.dp, 200.dp)
                .requiredSizeIn(150.dp, 180.dp)
                .border(BorderStroke(3.dp, Color.Red))
            )
        }
    }
}

此时红色Box的高度未达到预期的180dp，与之前的运行结果不一致。

原因分析 #

核心差异在于约束的处理顺序和合并逻辑：

1. 当分开使用requiredWidthIn和requiredHeightIn时，两个Modifier会独立依次修改约束：

   • 父Box传递的初始约束是200x200，fillMaxSize()让子Box尝试占满这个空间。
   • sizeIn(100.dp,200.dp)将宽高的最小约束设为100dp，最大保持200dp。
   • requiredWidthIn(150.dp,180.dp)先将宽度的约束范围修改为150-180dp，此时高度约束仍为100-200dp。
   • requiredHeightIn(150.dp,180.dp)再将高度约束范围修改为150-180dp。
   • 最终子Box的宽高约束都是150-180dp，fillMaxSize()的贪心特性会让它取最大值180dp，得到180x180的正方形。

2. 当使用requiredSizeIn(150.dp,180.dp)时，这个Modifier会同时修改宽高的约束范围：

   • 初始约束同样是经过fillMaxSize()和sizeIn()后的100-200dp宽高。
   • requiredSizeIn会一次性将宽高的约束范围都设为150-180dp，但布局系统在合并约束时，不会像分开调用那样分步确认每个维度的最大值。
   • 结合LazyColumn的垂直布局特性（即使父Box高度固定，布局系统对垂直维度的约束解析逻辑仍有差异），最终导致高度没有取到最大值180dp，而是呈现出更小的尺寸。

简单来说，分步调用独立的宽高强制约束，能确保每个维度都单独被调整到最大值；而一次性设置宽高的强制约束，布局系统的约束合并逻辑会导致维度间的相互影响，最终出现非预期的尺寸。

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