如何使 Compose Preview 显示从 Web 加载的图像/矢量资源？

Question

我使用Coil从网络加载 .svg 资源，例如：

@Composable
fun Widget(modifier: Modifier = Modifier) {
    AsyncImage(
        modifier = Modifier.fillMaxSize(),
        model = ImageRequest.Builder(LocalContext.current)
            .decoderFactory(SvgDecoder.Factory())
            .data("https://www.svgrepo.com/show/326168/circle-large.svg")
            .build(),
        contentDescription = null,
        contentScale = ContentScale.FillWidth
    )
}

在设备上运行时加载成功，但在 Compose Preview 中运行时，不显示任何资源。如何让 Compose Preview 加载并显示从 Web 获取的资源？

Answer 1

我认为唯一的解决方法是手动设置图像（如果是预览），如下所示：

if (isPreview) {
     Image(
         painterResource(id = R.drawable.my_test_image),
         ...
     )
 } else {
     AsyncImage(
         ...
     )
 }