Display an animated gif in jetpack compose

[johnnylambada]

ANSWERED: Turns out this is the code you need to display an animated Gif. You just have to put it in the right place -- which I was not doing.

Original Question:

I know the coil library can display an an animated gif, the (non-jetpack-compose) sample app shows them beautifully. I just can't figure out from the doc how to do it using Jetpack Compose.

I have the following setup:

    implementation("io.coil-kt:coil-compose:1.4.0")
    implementation("io.coil-kt:coil-gif:1.4.0")

@ExperimentalCoilApi
@Composable
fun MessageContents(
    message: Message,
    modifier: Modifier = Modifier
) {
...
                    val context = LocalContext.current
                    val imageLoader = ImageLoader.Builder(context)
                        .componentRegistry {
                            if (SDK_INT >= 28) {
                                add(ImageDecoderDecoder(context))
                            } else {
                                add(GifDecoder())
                            }
                        }
                        .build()
                    Image(
                        painter = rememberImagePainter(
                            imageLoader = imageLoader,
                            data = it.image,
                            builder = {
                                size(OriginalSize)
                            }
                        ),
                        contentDescription = null,
                        modifier = Modifier
                            .padding(top = paddingTop)
                    )
...

The gif shows up just fine, but it never animates.

[johnnylambada]

The code above is the correct code to display an animated GIF. OP (me) had it in the wrong place in the app.

[guptaAbhinav1993]

Please give an example of that right place code.

[omkar-tenkale]

coil3.gif.GifDecoder class has android imports so it cant be used in KMP commonMain
Is there any solution to this?