在Jetpack Compose中添加gif [英] Adding gif into Jetpack Compose

问题描述

我有一个gif要放到我的应用程序中。我知道如何插入图像资源，但当我尝试添加gif时，它会变成静态图像。

DrawImage(image = +imageResource(R.drawable.gif))

有没有人尝试在Jetpack Compose中添加gif，因为很难在网上找到有关如何添加gif的文档？

推荐答案

从线圈开始1.3.0支持的GIF被添加到Jetpack Compose的Coil版本中。因此您可以使用现有的coil docs来支持gif解码。

TL；DR

// Create an ImageLoader

val imgLoader = ImageLoader.invoke(context).newBuilder()
  .componentRegistry {
    if (SDK_INT >= 28) {
      add(ImageDecoderDecoder(context))
    } else {
      add(GifDecoder())
    }
  }.build()

// Use in Image

Image(
  painter = rememberImagePainter(data = R.drawable.YOURBESTGIF, imageLoader = imgLoader),
  ...
)

这篇关于在Jetpack Compose中添加gif的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！