5

我有一个寻呼机（伴奏），其图像是通过 Compose 中的 Coil 从网络获取的。

rememberPainter()似乎只在第一次显示可组合时调用请求Image。

所以当我在寻呼机中滑动页面时，Image只显示在那一刻等我们要稍等片刻。

有什么方法可以强制rememberPainter（线圈）预加载？

编辑 1：

这是我的实现的一个简单版本（删除了很​​多东西，但对结果没有影响）：

@Composable
private fun Foo(imageList: List<ImageHolder>) {
    if (imageList.isEmpty())
        return

    val painterList = imageList.map {
        rememberImagePainter(
            data = it.getDataForPainter(),
            builder = {
                crossfade(true)
            })
    }

    ImageLayout(imageList, painterList)
}

@Composable
fun ImageLayout(imageList: List<ImageHolder>, painterList: List<Painter>) {
    HorizontalPager(
        count = imageList.size,
        modifier = Modifier.fillMaxWidth(),
    ) { page ->
        Image(
            painter = painterList[page],
            "",
            modifier = Modifier
                .fillMaxWidth()
                .height(200.dp)
                .background(
                    imageList[page].colorAverage
                ),
            contentScale = ContentScale.Crop
        )
    }
}

为了以防万一，我也尝试直接在 Image 上使用 rememberImagePainter。但问题显然是第 2、3、4 页的 Image() 未呈现，因此 Image 不会调用画家。我试图看看它是如何在内部工作的，但找不到。

编辑 2：我找到了一种解决方法，但它不干净

for (painter in painterList) 
    Image(painter = painter, contentDescription = "", modifier = Modifier.size(0.001.dp))

它强制线圈加载图像并且尺寸非常小0.001.dp（0不加载）。还有一个问题是，在构建器中你需要强制一个大小，否则它只会加载一个像素，所以我强制图像的全尺寸，因为我不知道图像可以使用什么尺寸。

4

1 回答 1

5

在线圈文档中有一个关于预加载的部分。根据您的架构，您可以在不同的地方执行此操作，最简单的是使用LaunchedEffect：

val context = LocalContext.current
val imageLoader = LocalImageLoader.current
LaunchedEffect(Unit) {
    val request = ImageRequest.Builder(context)
        .data("https://www.example.com/image.jpg")
        // Optional, but setting a ViewSizeResolver will conserve memory by limiting the size the image should be preloaded into memory at.

        // For example you can set static size, or size resolved with Modifier.onSizeChanged
        // .size(coil.size.PixelSize(width = 100, height = 100))

        // or resolve display size if your images are full screen
        // .size(DisplaySizeResolver(context))

        .build()
    imageLoader.enqueue(request)
}
于 2021-10-17T08:10:11.733 回答