我正在迁移我的应用程序,对于网格视图,我使用了 LazyVerticalGrid,它使用线圈画家加载图像,但滚动时断断续续,感觉滞后。有没有人对此有解决方案或更好的实施方案?
val photos: List<Photo>? by photosViewModel.photosLiveData.observeAsState(null)
Surface(modifier = Modifier.fillMaxSize()) {
Box(
modifier = Modifier.fillMaxSize()
) {
LazyVerticalGrid(
cells = GridCells.Fixed(3)
) {
photos?.let { photosList ->
items(photosList) { photo ->
Image(
modifier = Modifier.padding(2.dp).clickable {
photosViewModel.onPhotoClicked(photo)
},
painter = rememberCoilPainter(photo.url),
contentDescription = stringResource(R.string.cd_details_photo),
contentScale = ContentScale.Fit,
alignment = Alignment.Center,
)
}
}
}
}
}
更新
尝试将 rememberCoilPainter
移动到 Image
上方,如 val painter = rememberCoilPainter(photo.url)
并使用 painter
内的 Image
没有奏效
答案 0 :(得分:0)
items
需要一个附加参数 key
,将此参数分配给一个唯一值,例如列表中每张照片的索引,如果您不知道这与滚动卡顿有何关系?或者我到底在说什么?查看以下文档以获取详细说明:
https://developer.android.com/jetpack/compose/lifecycle#add-info-smart-recomposition
答案 1 :(得分:0)
在将我的撰写图像加载库更新为线圈撰写后,我被迫将大小设置为请求构建器或图像本身。卡顿的问题是因为允许照片加载原始尺寸,因此重新构图进行了多次,加载图像必须等待图片加载。通过将 e fixed height 设置为 Image 解决了这个问题,因为创建了 Images() 并且重新合成仅针对内部图片而不是具有不同高度的 Image 本身。