Как синхронизировать загрузку изображений с помощью COIL3 ⇐ Android

[Anonymous]

Я загружаю одно и то же изображение (из Netowrk) в различные композиции Asyncimage: один - «полный экран», а он размыт, другой - сверху и представляет резкую версию изображения. Иногда загрузка изображения не происходит одновременно, что приводит к плохому UX. < /P>
Вот код: < /p>

Код: Выделить всё

@Composable
fun BlurredAsyncImage(
url: String,
imageLoader: ImageLoader,
blurRadius: Dp = 50.dp
) {
Box(
modifier = Modifier
.fillMaxSize(),
contentAlignment = Alignment.Center
) {
// blurred image as background
AsyncImage(
imageLoader = imageLoader,
model = buildImageRequest(
itemId = itemId,
url = url
),
contentScale = ContentScale.Crop,
modifier = Modifier
.fillMaxWidth()
.blur(blurRadius)
)
// sharp image as foreground
AsyncImage(
imageLoader = imageLoader,
model = buildImageRequest(
itemId = itemId,
url = url
),
contentScale = ContentScale.Fit,
modifier = Modifier
.fillMaxWidth()
)
}
}

@Composable
private fun buildImageRequest(
itemId: Long,
url: String
) = ImageRequest.Builder(LocalContext.current)
.data(url)
.build()

У вас есть намек на то, как я могу заставить их появиться одновременно?

Подробнее здесь: https://stackoverflow.com/questions/794 ... with-coil3