Jetpack Compose LazyColumn快速滑动时部分Item不显示问题求助

核心原因分析 #

快速滑动时LazyColumn跳过Item，通常和Item复用逻辑、布局稳定性或旧版本bug有关：

• LazyColumn默认基于Item在列表中的位置复用组件，若列表数据无唯一标识，会导致复用逻辑混乱，出现跳过Item的情况。
• 未固定Item内组件的尺寸（比如你的AsyncImage未设置size），会让LazyColumn无法准确预估Item高度，快速滑动时布局计算出错。
• 你使用的Compose 1.2.1属于较旧版本，存在LazyColumn的已知复用问题。

具体修复步骤 #

1. 给LazyColumn的Item添加唯一Key #

修改ListCompose中的items调用，传入每个Item的唯一标识（假设RegularListItem有id属性，替换为你实际的唯一字段）：

@Composable
fun ListCompose(list : RegularList) {
    LazyColumn(modifier = Modifier.fillMaxWidth()) {
        items(list.items, key = { it.id }) { li ->
            ListItemRowCompose(listItem = li)
        }
    }
}

Key能让LazyColumn精准识别每个Item，避免因位置复用导致的显示错误。

2. 固定AsyncImage的尺寸 #

你的AsyncImage未设置尺寸，导致布局高度不确定，快速滑动时LazyColumn无法正确计算滚动偏移。给它添加和本地Image一致的固定尺寸：

AsyncImage(
    model = listItem.image?.imageUrl,
    contentDescription ="",
    modifier = Modifier
        .padding(20.dp)
        .size(40.dp),
    contentScale = ContentScale.Crop // 可选，确保图片适配尺寸
)

3. 升级Compose版本 #

Compose 1.2.1和kotlinCompilerExtensionVersion 1.1.1存在已知的LazyColumn复用bug，建议升级到较新的稳定版本（示例为当前主流稳定版，可根据需求调整）：

compose_ui_version = '1.5.4'
kotlinCompilerExtensionVersion '1.5.4'

注意：升级时需保证Kotlin版本与Compose版本兼容（比如Compose 1.5.4对应Kotlin 1.9.0）。

4. 替换强制非空断言（!!） #

代码中listItem.image?.imageId!!存在空指针风险，建议改用安全调用或默认值：

if((listItem.image?.imageId ?: 0) > 0) {
    // 本地Image逻辑
} else {
    // AsyncImage逻辑
}

验证修复 #

修改后优先测试快速滑动场景，确认所有Item都能正常显示；同时检查慢速滑动是否保持正常，确保没有引入新问题。

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