Jetpack Compose LazyVerticalGrid 口吃

时间:2021-07-06 14:46:10

标签: android android-jetpack android-jetpack-compose

我正在迁移我的应用程序,对于网格视图,我使用了 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 没有奏效

2 个答案:

答案 0 :(得分:0)

items 需要一个附加参数 key,将此参数分配给一个唯一值,例如列表中每张照片的索引,如果您不知道这与滚动卡顿有何关系?或者我到底在说什么?查看以下文档以获取详细说明:

https://developer.android.com/jetpack/compose/lifecycle#add-info-smart-recomposition

答案 1 :(得分:0)

在将我的撰写图像加载库更新为线圈撰写后,我被迫将大小设置为请求构建器或图像本身。卡顿的问题是因为允许照片加载原始尺寸,因此重新构图进行了多次,加载图像必须等待图片加载。通过将 e fixed height 设置为 Image 解决了这个问题,因为创建了 Images() 并且重新合成仅针对内部图片而不是具有不同高度的 Image 本身。