Skottie: Type mismatch: inferred type is NativeCanvas /* = android.graphics.Canvas */ but org.jetbrains.skia.Canvas was expected

[a1885626]

Hi,

I am trying to run the Skottie animation demo here:
https://github.com/JetBrains/compose-multiplatform-core/blob/jb-main/compose/mpp/demo/src/commonMain/kotlin/androidx/compose/mpp/demo/LottieAnimation.kt

However, when I run the code, I get this:
Type mismatch: inferred type is NativeCanvas /* = android.graphics.Canvas */ but org.jetbrains.skia.Canvas was expected

And:
Cannot find a parameter with this name: dst

shared module build.gradle.kts file:

val commonMain by getting {
    val osName = System.getProperty("os.name")
    val targetOs = when {
        osName == "Mac OS X" -> "macos"
        osName.startsWith("Win") -> "windows"
        osName.startsWith("Linux") -> "linux"
        else -> error("Unsupported OS: $osName")
    }

    val osArch = System.getProperty("os.arch")
    var targetArch = when (osArch) {
        "x86_64", "amd64" -> "x64"
        "aarch64" -> "arm64"
        else -> error("Unsupported arch: $osArch")
    }

    val version = "0.7.9" // or any more recent version
    val target = "${targetOs}-${targetArch}"
    dependencies {
        implementation("org.jetbrains.skiko:skiko:$version")
        implementation("org.jetbrains.skiko:skiko-awt-runtime-$target:$version")
    }
}

Any ideas?

[MatkovIvan]

/* = android.graphics.Canvas */

It looks like you're trying to run it on Android. This demo is based on skiko that is used only on Compose Multiplatform, but not in Google's Jetpack Compose itself. On Android you should use official library for such animations (with help expect/actual).

[a1885626]

Thank you. I implemented the demo for iOS and Lottie Compose for Android with expect / actual function.

[ShoaibKakal]

@a1885626 can you please provide implementation for lottie animation in compose multiplatform android/ios? thanks