Compose Multiplatform：本地存储与加载SVG图标方案咨询

下面是针对Android和iOS双平台的几种实用解决方案：

方案1：用Compose内置的vectorResource（推荐） #

Compose Multiplatform原生支持通过vectorResource加载符合VectorDrawable规范的SVG，只需把文件放在对应平台的资源目录：

• Android：将SVG放到src/androidMain/res/drawable目录
• iOS：将SVG放到src/iosMain/resources（记得在Xcode里把资源添加到项目目标中）

代码示例：

import androidx.compose.ui.res.vectorResource

// 在Compose组件中调用
Icon(
    imageVector = vectorResource(id = R.drawable.ic_my_svg),
    contentDescription = "自定义SVG图标"
)

注意：复杂SVG可能需要先通过Android Studio的Vector Asset工具转换为兼容格式，iOS端会自动处理适配。

方案2：用官方Compose SVG库支持复杂SVG #

如果需要渲染带滤镜、复杂路径的SVG，可以用JetBrains官方维护的跨平台SVG库：

1. 在build.gradle.kts的commonMain依赖中添加：

implementation("org.jetbrains.compose.svg:svg:1.5.1")

2. 加载本地SVG文件（放在src/commonMain/resources目录）：

import androidx.compose.ui.graphics.painter.Painter
import org.jetbrains.compose.svg.Svg
import org.jetbrains.compose.svg.toPainter

@Composable
fun loadSvgIcon(resourcePath: String): Painter {
    val svgContent = androidx.compose.ui.res.readResourceBytes(resourcePath).decodeToString()
    return Svg.toPainter(svgContent)
}

// 使用示例
Icon(
    painter = loadSvgIcon("icons/complex_icon.svg"),
    contentDescription = "复杂SVG图标"
)

这个方案对Android和iOS完全兼容，支持绝大多数SVG标准特性。

方案3：预转Bitmap（兼容性兜底） #

如果上述方案都不适用，可将SVG提前转换为PNG格式，分别放到各平台资源目录：

• Android：PNG放到src/androidMain/res/drawable
• iOS：PNG放到src/iosMain/resources
  然后用painterResource加载：

import androidx.compose.ui.res.painterResource

Icon(
    painter = painterResource(id = R.drawable.ic_my_png),
    contentDescription = "位图图标"
)

优点是兼容性拉满，缺点是包体积增大，缩放时不如矢量图清晰。

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