如何在Compose Image中显示位图

Question

我有一个返回位图（包含QR码）的函数，我想在Image（组合函数）中显示该位图，但我没有找到任何方法将位图转换为ImageBitmap或仅显示该位图。

- JustSightseeing

Answer 1

根据这篇博客文章，应该可以像这样显示位图：

@Composable
fun BitmapImage(bitmap: Bitmap) {
    Image(
        bitmap = bitmap.asImageBitmap(),
        contentDescription = "some useful description",
    )
}

我自己还没有尝试过，但最近在研究使用Jetpack Compose显示地图时，看到了这篇博客文章。

- Chris

---

在Compose中调用.asImageBitmap()会影响性能吗？也许需要使用derivedStateOf？ - Erik B

Answer 2

Coil 能够在 Image 中显示一个 Bitmap：

Image(
    painter = rememberAsyncImagePainter(imageBitmap),
    contentDescription = null,
)

- Phil Dukhov

---

...已经被废弃了，现在应该使用rememberAsyncImagePainter（coil.compose.rememberAsyncImagePainter）。 - Den Drobiazko

Answer 3

总结和更新答案：

在Compose中，有几种选项可以显示位图。

1. 使用Image

   Image( bitmap = bitmap.asImageBitmap(), ...)

2. 使用Coil AsyncImage

   AsyncImage(model = bitmap, ...)

如果在使用AsyncImage时出现不支持的异常，请检查是否使用了Bitmap而非ImageBitmap。

- Inliner