Compose Multiplatform中ByteArray转ImageBitmap遇Skiko适配问题

问题分析 #

你的代码在iOS中可行，但在Android和Common模块报错，核心原因有两点：

1. Skiko依赖配置错误：Skiko是平台专属依赖，Common模块不能直接引入通用skiko artifact，需针对Android/iOS分别声明对应平台的依赖。
2. 跨平台API不兼容：org.jetbrains.skia相关类属于平台特定实现，无法在Common模块直接使用；同时Android平台的图片转换逻辑与iOS不同，不能直接复用Skia的转换代码。

解决方案 #

1. 正确配置Skiko依赖 #

在项目的模块级build.gradle.kts中，为Android和iOS源集分别添加对应平台的Skiko依赖：

kotlin {
    android {
        // 保留原有Android配置
    }
    iosX64()
    iosArm64()
    iosSimulatorArm64()

    sourceSets {
        val commonMain by getting
        val androidMain by getting {
            dependencies {
                // 添加Android平台的Skiko依赖
                implementation("org.jetbrains.skiko:skiko-android:0.8.15")
            }
        }
        val iosMain by getting {
            dependencies {
                // iOS平台依赖已默认添加，无需修改
                implementation("org.jetbrains.skiko:skiko-iosarm64:0.8.15")
            }
        }
    }
}

2. 用Expect/Actual实现跨平台图片转换 #

由于不同平台的图片处理逻辑不同，需通过Compose Multiplatform的expect/actual机制实现跨平台兼容：

第一步：在Common模块定义期望函数

创建commonMain/src/.../BitmapUtil.kt：

import androidx.compose.runtime.Composable
import androidx.compose.runtime.remember
import androidx.compose.ui.graphics.ImageBitmap

@Composable
expect fun rememberBitmapFromBytes(bytes: ByteArray?): ImageBitmap?

第二步：在Android模块实现实际逻辑

创建androidMain/src/.../BitmapUtil.kt：

import androidx.compose.runtime.Composable
import androidx.compose.runtime.remember
import androidx.compose.ui.graphics.ImageBitmap
import androidx.compose.ui.graphics.asImageBitmap
import android.graphics.BitmapFactory

@Composable
actual fun rememberBitmapFromBytes(bytes: ByteArray?): ImageBitmap? {
    return remember(bytes) {
        bytes?.let {
            // 使用Android原生BitmapFactory解析字节数组，再转成Compose ImageBitmap
            BitmapFactory.decodeByteArray(it, 0, it.size).asImageBitmap()
        }
    }
}

第三步：在iOS模块保留原有实现

创建iosMain/src/.../BitmapUtil.kt：

import androidx.compose.runtime.Composable
import androidx.compose.runtime.remember
import androidx.compose.ui.graphics.ImageBitmap
import androidx.compose.ui.graphics.asComposeImageBitmap
import org.jetbrains.skia.Bitmap
import org.jetbrains.skia.Image

@Composable
actual fun rememberBitmapFromBytes(bytes: ByteArray?): ImageBitmap? {
    return remember(bytes) {
        bytes?.let {
            Bitmap.makeFromImage(Image.makeFromEncoded(it)).asComposeImageBitmap()
        }
    }
}

关键说明 #

• Common模块仅定义接口，不涉及具体平台的API，确保跨平台兼容性。
• Android平台优先使用原生BitmapFactory处理图片，性能和兼容性更优；iOS平台使用Skia API保持原有逻辑即可。
• 所有平台的调用方式完全一致，在Common或任意平台代码中直接调用rememberBitmapFromBytes()即可。

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