Question

嗯，我正在研究 Compose UI，并且我在学习基本的东西。其中之一是使用 Glide 显示来自 URL 的图像。

我尝试了以下代码，但没有调用委托（onResourceReady 和 onLoadCleared）。

我错过了什么吗？

@Composable
fun loadPicture(url: String, contentDescription:String, modifier: Modifier = Modifier) {

  val bitmapState = remember { mutableStateOf<Bitmap?>(null) }
  Glide.with(LocalContext.current).asBitmap().load(url).into(
    object : CustomTarget<Bitmap>() {
        override fun onResourceReady(resource: Bitmap, transition: Transition<in Bitmap>?) {
            bitmapState.value = resource
        }
        override fun onLoadCleared(placeholder: Drawable?) {}
    }
)

  bitmapState.value?.let {
    Image(
        contentDescription = contentDescription,
        bitmap = it.asImageBitmap(),
        modifier = modifier
    )
  }
}

Answer 1

您可以使用以下伴奏库之一：

对于 Coil，您可以像这样使用它（版本 0.9.1）：

Image(
    painter = rememberCoilPainter(
        request = "https://picsum.photos/300/300",
    ),
    contentDescription = ""
)

如何从 Jetpack Compose 中的 URL 加载图像？

1 个答案: