How can I display a bitmap in Compose Image

Question

I have a function that returns a bitmap (which "contains" a QR code) and I wanted to display that bitmap inside an Image (composable function) but I didn't find any way to either convert the bitmap into a ImageBitmap or just displaying that bitmap.

user_2199001 · Answer

Based on this blog post, it should be possible to display a bitmap like this :

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

I haven't tried it out myself, but recently came across the blog post when looking into displaying maps using Jetpack Compose.

user_3585796 · Answer

Coil is capable of displaying a Bitmap inside Image:

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

user_12084802 · Answer

To sum up and keep answers up to date)

There are several options to display a bitmap in Compose

Using Image

Image( bitmap = bitmap.asImageBitmap(), ...)
Using Coil AsyncImage

AsyncImage(model = bitmap, ...)

If you have Unsupported bla bla exception when using AsyncImage, check that you are using Bitmap and not ImageBitmap

How can I display a bitmap in Compose Image

3 Answers