Jetpack Compose 线圈预载

Question

我想将图像加载到启动屏幕上，以便我可以使用线圈将请求结果设置到其他屏幕上的背景，但我无法在线圈中完全实现这一点。如何将线圈请求的结果保存到 Cahce 并在其他屏幕上使用该结果？

启动画面

val imageLoader = ImageLoader.Builder(this)
        .memoryCache {
            MemoryCache.Builder(this)
                .maxSizePercent(0.25)
                .strongReferencesEnabled(true)
                .build()
        }
            
            
        .diskCache {
            DiskCache.Builder()
                .directory(this.cacheDir.resolve("image_cache"))
                .maxSizePercent(0.02)
                .build()
        }
        .build()

使用了这样的启动

    val context = LocalContext.current
    val request = ImageRequest.Builder(context)
        .memoryCacheKey(Constants.Cache.BACKGROUND_IMAGE_KEY)
        .data("https://www.example/image1.jpg")
        .target(
            onSuccess = {
                viewModel.skipImageRequest()
            },
            onError = {
                viewModel.skipImageRequest()
            }
        )
        .build()
    imageLoader.enqueue(request)

，我在另一个我想使用图像的屏幕上

@Composable
fun BackgroundImage(
    model: Any?,
    contentDescription: String? = "",
    modifier: Modifier = Modifier.fillMaxSize(),
    //placeholder: Painter? = painterResource(R.drawable.bg_placeholder),
    error: Painter? = painterResource(R.drawable.bg_placeholder),
    fallback: Painter? = painterResource(R.drawable.bg_placeholder),
    alignment: Alignment = Alignment.Center,
    contentScale: ContentScale = ContentScale.FillBounds
) {
    AsyncImage(
        model = ImageRequest.Builder(LocalContext.current)
            .data("https://www.example/image1.jpg")
            .placeholderMemoryCacheKey(Constants.Cache.BACKGROUND_IMAGE_KEY)
            .build(),
        contentDescription = contentDescription,
        modifier = modifier,
        //placeholder = placeholder,
        error = error,
        fallback = fallback,
        alignment = alignment,
        contentScale = contentScale,
    )
}

画面始终存在一个问题，占位符图像显示在页面初始化中我无法构造一个在加载图像时占位符不可见的结构并且直接从cahce读取和使用图像。

如果您支持我会很高兴

Answer 1

Coil在1.x版本内部使用了OkHttp的DiskCache
对于 2.x，他们引入了磁盘缓存来存储您的结果。

有关更多信息，请阅读此