Jetpack Compose使用IntrinsicSize.Max等宽布局报错解决方法

这个崩溃是固有尺寸测量逻辑和fillMaxWidth()组合触发的测量循环冲突：

• 给Column设置Modifier.width(IntrinsicSize.Max)的预期是让父布局宽度适配所有子元素的最大宽度
• 但子元素中的Button调用了fillMaxWidth()，这个修饰符的逻辑是强制占满父布局分配的全部可用宽度
• 两者形成测量死锁：父布局需要等子元素上报最大固有宽度才能确定自身宽度，而Button的fillMaxWidth()又需要父布局先给出确定的宽度上限才能计算自身尺寸，最终测量时约束值溢出为2147483645（接近Int类型最大值），直接抛出致命异常。

推荐用修正固有尺寸参数的方案，不需要硬编码宽度，适配性更好：

• 把Column的width(IntrinsicSize.Max)替换为width(IntrinsicSize.Min)，其余代码逻辑保持不变即可。

修改后的可运行代码：

Column(
    Modifier.width(IntrinsicSize.Min),
    horizontalAlignment = Alignment.CenterHorizontally
) {
    val modifier = Modifier.padding(10.dp)
    OutlinedTextField(
        modifier = modifier,
        value = user.userName, 
        onValueChange = { },
        singleLine = true
    )
    
    Button(
        onClick = { /*TODO*/ },
        modifier = modifier.fillMaxWidth()
    ) {
        Text(text = "登录")
    }
}

该方案生效原理：IntrinsicSize.Min会查询所有子元素的最小固有宽度，取最大值作为父布局宽度。OutlinedTextField会正常上报自身内容所需的最小宽度，Button不会因为fillMaxWidth()在最小固有宽度测量阶段上报极大值，不会触发测量死锁。父布局宽度确定后，Button的fillMaxWidth()会自动占满父布局宽度，刚好和OutlinedTextField宽度一致。

如果不想用固有尺寸，也可以用统一宽度约束的方案，给两个组件设置相同的宽度规则：

Column(
    Modifier.fillMaxWidth(),
    horizontalAlignment = Alignment.CenterHorizontally
) {
    // 统一两个组件的宽度约束，可根据需求调整最小宽度值
    val commonModifier = Modifier
        .padding(10.dp)
        .widthIn(min = 280.dp)
    OutlinedTextField(
        modifier = commonModifier,
        value = user.userName, 
        onValueChange = { },
        singleLine = true
    )
    
    Button(
        onClick = { /*TODO*/ },
        modifier = commonModifier.fillMaxWidth()
    ) {
        Text(text = "登录")
    }
}

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