LazyRow中fillParentMaxWidth与defaultMinSize的响应式宽度问题

问题本质：这不是正确行为 #

你的问题核心在于Jetpack Compose中Modifier的测量顺序和LazyRow对Item可用空间的初始分配逻辑冲突，导致内部内容的尺寸计算没有跟随外层Box的强制最小宽度更新。

为什么会出现这个异常？ #

当Item数量为10时，LazyRow会先给每个Item分配初始可用空间：父容器宽度 / 10。此时你用fillParentMaxWidth()会让Item占满这个初始小空间，之后再添加widthIn(min = defaultMinSize)虽然会把Box的宽度强制拉到最小阈值，但内部子元素的测量已经基于之前的初始小空间完成了——Modifier的执行是从左到右的，先执行的fillParentMaxWidth()已经确定了内容的可用尺寸，后续的widthIn()只能修改外层Box的最终宽度，无法回溯修改内部内容的测量结果。

哪怕调整Modifier顺序（比如先widthIn再fillParentMaxWidth），fillParentMaxWidth()依然是基于LazyRow分配的初始可用空间计算，而非widthIn后的宽度，所以内部子元素还是会用初始小尺寸渲染。

正确的实现方式：主动计算目标宽度 #

不要依赖fillParentMaxWidth()和widthIn()的组合，而是主动计算每个Item的目标宽度，直接应用到Modifier上：

@Composable
fun ResponsiveLazyRow(
    itemList: List<String>,
    defaultMinSize: Dp = 120.dp
) {
    val parentWidth = remember { mutableStateOf(0) }
    val density = LocalDensity.current

    LazyRow(
        modifier = Modifier
            .fillMaxWidth()
            .onSizeChanged { parentWidth.value = it.width }
    ) {
        items(itemList.size) { index ->
            val itemCount = itemList.size
            // 计算理想宽度：父宽均分
            val idealWidth = with(density) {
                parentWidth.value.toDp() / itemCount
            }
            // 取理想宽度和最小宽度的最大值
            val targetWidth = max(idealWidth, defaultMinSize)

            Box(
                modifier = Modifier
                    .width(targetWidth)
                    .background(Color.LightGray.copy(alpha = 0.5f))
                    .padding(8.dp)
            ) {
                // 内部内容会自动适配targetWidth的宽度
                Text(
                    text = "Item $index",
                    modifier = Modifier.fillMaxWidth(),
                    textAlign = TextAlign.Center
                )
            }
        }
    }
}

关键逻辑说明： #

1. 通过onSizeChanged获取父容器的实际宽度，避免依赖LazyRow的初始分配空间
2. 根据Item数量计算均分后的理想宽度，再和最小宽度取最大值，得到最终目标宽度
3. 直接用width(targetWidth)设置Item宽度，内部子元素的fillMaxWidth()会基于这个目标宽度渲染，不会出现尺寸不匹配的问题

关于手动指定父容器高度的问题 #

你之前的近似方案需要手动指定高度，是因为错误的Modifier组合导致Item的高度测量逻辑异常——外层Box被强制拉宽，但内部内容还是小尺寸，Compose无法正确从子元素推导父容器高度。用上面的正确实现后，子元素的尺寸是明确的，父容器可以自动从子元素获取高度，不需要手动指定。

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