Hey I'm using this to display >20 images in a l...

# compose

[Jan]

Hey I'm using this to display >20 images in a lazy grid:

var painter by remember {                                                  
    mutableStateOf<ImageBitmap?>(null)                                             
}                                                                                  
LaunchedEffect(Unit) {                                                             
    painter = Image.makeFromEncoded(it.file.readBytes()).toComposeImageBitmap()    
}                                                                                  
painter?.let { p ->                                                                
    Image(p, modifier = Modifier.size(120.dp), contentDescription = null)          
}

However, my program starts to lag extremely, I suspect the images are too high quality, can I somehow scale them down or sth like that?

[yschimke]

Best to scale at the source. But if you use something like Coil, you can scale before the UI in a couple of ways.

[Jan]

I'm on desktop 😕

[Sergey Y.]

https://kotlinlang.slack.com/archives/CJLTWPH7S/p1681775655060979

[Sergey Y.]

LaunchedEffect runs on the main thread using the UI dispatcher, so you are performing file read and encode operations on the image file in the UI thread.

[Sergey Y.]

You should avoid doing IO and image encoding in the UI thread. Instead, you should use image loading libraries like Coil 3.x, Camel or similar that support desktop.

[Jan]

yea makes sense, found a good image transformation library