能否在Jetpack Compose中用Glide/Landscapist Glide显示SVG及Firebase存储中的SVG？

1. 能否在Jetpack Compose中使用Glide显示SVG图片？ #

可以实现，但需要为Glide添加SVG解码支持，步骤如下：

• 引入必要依赖：

  // Glide核心库（请使用与glide-svg兼容的版本）
  implementation 'com.github.bumptech.glide:glide:4.16.0'
  kapt 'com.github.bumptech.glide:compiler:4.16.0'
  // Glide SVG解码器
  implementation 'com.github.qoqa:glide-svg:4.0.2'
  

• 自定义AppGlideModule注册SVG解码器：

  @GlideModule
  class MyAppGlideModule : AppGlideModule() {
      override fun registerComponents(context: Context, glide: Glide, registry: Registry) {
          registry.register(SVG::class.java, PictureDrawable::class.java, SvgDrawableTranscoder())
              .append(InputStream::class.java, SVG::class.java, SvgDecoder())
      }
  }
  

• 在Compose中使用Landscapist Glide组件加载SVG：

  GlideImage(
      imageModel = { "your_svg_url_or_local_path" },
      contentDescription = "SVG image",
      modifier = Modifier.size(200.dp)
  )
  

2. 能否使用Landscapist Glide在Jetpack Compose中显示Firebase Storage中的SVG图片？ #

可以实现，你遇到的Failed to create image decoder with message 'unimplemented'错误，通常是因为SVG解码器未正确注册或依赖版本不兼容，解决方案如下：

• 确保依赖版本兼容：Glide 4.x版本需对应匹配的glide-svg版本，比如Glide 4.16.0搭配glide-svg 4.0.2是兼容的，避免版本不匹配导致解码逻辑失效
• 补充Firebase Storage与Glide的集成依赖：

  implementation 'com.firebaseui:firebase-ui-storage:8.0.2'
  

• 确保AppGlideModule已正确注册SVG解码器（参考第一个问题中的代码）
• 加载Firebase Storage中的SVG时，可直接传入StorageReference给Glide：

  val storageRef = FirebaseStorage.getInstance().reference.child("path/to/your.svg")
  
  GlideImage(
      imageModel = { storageRef },
      contentDescription = "Firebase SVG image",
      modifier = Modifier.size(200.dp),
      failure = {
          Text("加载失败")
      }
  )
  

• 若仍报错，可替换glide-svg为自定义SVG解码逻辑：引入com.caverock:androidsvg:1.4，自定义解码器处理SVG流，确保Glide能正确识别并解析SVG

内容的提问来源于stack exchange，提问作者oljik