Jetpack Compose如何让LazyColumn子项宽度统一匹配列表最宽项

LazyColumn属于懒加载组件，默认仅测量当前可见区域内的子项，不会预测量所有未加载的子项，因此直接给LazyColumn设置width(IntrinsicSize.Min)无法生效，不能自动适配所有子项的最大宽度。

这里提供适配动态子项宽度的通用实现，通过监听每个子项的实际宽度，动态更新全局最大宽度，所有子项统一适配该宽度：

@Composable
fun PreviewLayout() {
    fun getRandomString(length: Int): String {
        val allowedChars = ('A'..'Z') + ('a'..'z') + ('0'..'9')
        return (1..length)
            .map { allowedChars.random() }
            .joinToString("")
    }

    val horizontalScrollState = rememberScrollState()
    val density = LocalDensity.current
    // 记录所有子项的最大宽度
    var maxItemWidth by remember { mutableStateOf<Dp?>(null) }

    LazyColumn(
        modifier = Modifier
            .background(Color.Blue)
            .fillMaxHeight()
            .wrapContentWidth()
            .horizontalScroll(horizontalScrollState)
    ) {
        items(5) { index ->
            Text(
                text = getRandomString((index + 1) * 4).uppercase(),
                color = Color.Black,
                fontSize = 16.sp,
                modifier = Modifier
                    .padding(8.dp)
                    .background(Color.Yellow)
                    // 子项宽度优先使用已计算的最大宽度
                    .width(maxItemWidth ?: Dp.Unspecified)
                    .onGloballyPositioned { coordinates ->
                        // 拿到当前子项的实际宽度，转换为dp
                        val currentWidth = with(density) {
                            coordinates.size.width.toDp()
                        }
                        // 更新最大宽度
                        if (maxItemWidth == null || currentWidth > maxItemWidth!!) {
                            maxItemWidth = currentWidth
                        }
                    }
            )
        }
    }
}

• 如果你的列表数据是提前可获取的，且子项样式固定，可提前离线计算所有子项的宽度直接赋值给maxItemWidth，避免动态测量的性能损耗，适合子项数量较多的场景
• 若需要支持子项宽度动态变化的场景，可在对应状态更新时重置maxItemWidth触发重新测量

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