I have a base64 encoded string image. Is going thr...

# compose

[ursus]

I have a base64 encoded string image. Is going through Bitmap still the idiomatic way to display it in Compose?

Or is there a maybe direct bytes array to ImageBitmap way?

[MR3Y]

Yep, there is a way to directly convert byte array to ImageBitmap , checkout the official JetBrains' ImageViewer sample: https://github.com/JetBrains/compose-multiplatform/blob/master/examples/imageviewe[…]src/commonMain/kotlin/example/imageviewer/ImageBitmap.common.kt

[ursus]

well, its just expect actual sugar for the android way

package example.imageviewer

import android.graphics.Bitmap
import android.graphics.BitmapFactory
import androidx.compose.ui.graphics.ImageBitmap
import androidx.compose.ui.graphics.asImageBitmap

actual fun ByteArray.toImageBitmap(): ImageBitmap = toAndroidBitmap().asImageBitmap()

fun ByteArray.toAndroidBitmap(): Bitmap {
    return BitmapFactory.decodeByteArray(this, 0, size)
}

[Sergey Y.]

ImageBitmap acts as a wrapper around Bitmap on the Android platform, SkImage on Desktop, and equivalent technologies on iOS and the Web. Probably the easiest way to display a base64 encoded image is to use the Coil library, which is among the officially recommended image loading libraries on Android. It handles all the necessary boilerplate work for you, including proper Bitmap caching, downsampling, asynchronous loading, etc. Coil, in particular, is known for its multiplatform capabilities.

[Sergey Y.]

The Android SDK has lacked an official image loading library for decades. Instead, Google recommends using well-known, community-crafted image loading libraries, as correct bitmap loading is neither easy nor straightforward. Therefore, I believe JetBrains is leaning towards the same approach and will not provide their own image loading library.

[ursus]

by using Coil you mean passing it what, url or the string itself?

[Sergey Y.]

yes

[Sergey Y.]

it supports both

[ursus]

my api is such that the string data is just another json field, so no url for me

do you think its a good idea to pass such huge string to composables?

(hinting at the recomposition diffing calculations)

[Sergey Y.]

you can provide only a url, or decode image using coil before it reaches the presentation layer, passing to ui only some sort of key to the image, coil will use the key to get the image from its cache.

[ursus]

I dont have a url. Just the string in memory. And since its already in memory, is there use for Coil?

Also, I don't need memcaching, its just 1 screen.

[ursus]

regardless, I could have a static Map<String, Bitmap> and just pass the string key around

but is that cool with compose, to statically access the map within a composable?

[Sergey Y.]

than you probably don't need the coil, just decode it manually.

[ursus]

right but where, in the data layer? and just pass Bitmap instance to to vm to compose?

Or just pass bytearray all the way down to compose via vm, and decode to Bitmap, to ImageBitmap in composable?

[ursus]

Would the latter be smelly to you? I'm not a fan of android references all the way up in the data layer (and Bitmap is android)