JetPack Compose에서 Compose 멀티 플렛폼으로 전환

compose가 릴리즈되고, 멀티 플렛폼(Android, ios, 윈도우 앱, 홈페이지)서도 fork of compose를 지원해준다고 한다. 

 

JetPack Compose에서 fork of compose를 하기 위해서는 아래와 같이 설정을 해주어야 한다.

 

KMP 마이그레이션 및 컴포즈 설정

안드로이드에서 kotlin multiplatform와 호환하기 위해서 build.gradle.kt에서 추가/수정을 해야한다.

// app 수준 build.gradle.kt
plugins {
    id("com.android.application")
    // or
    id("com.android.library")

    // Replace `kotlin("android")` with:
    kotlin("multiplatform")
    id("org.jetbrains.compose")
}

// Declare android target
kotlin {
    androidTarget()
}

android {
    // Your android app configuration
    
    // Enabling Compose
    buildFeatures {
        compose = true
    }

    // Defining Compose version
    composeOptions {
        kotlinCompilerExtensionVersion = libs.versions.composeCompiler.get()
    }
}
// project build.gradle.kt
kotlin {
    androidTarget {
        compilations.all {
            kotlinOptions {
                jvmTarget = "1.8"
            }
        }
    }
    sourceSets {
        commonMain.dependencies {
            implementation(compose.runtime)
            implementation(compose.foundation)
            implementation(compose.ui)
            implementation(compose.animation)
        }
    }
}

android {
    compileOptions {
        sourceCompatibility = JavaVersion.VERSION_1_8
        targetCompatibility = JavaVersion.VERSION_1_8
    }
}

plugins {
    kotlin("multiplatform") version "1.9.23" apply false 
    id("org.jetbrains.compose") version "1.6.1" apply false
}

 

출처

touchlab-lab/compose-animations (github.com)

GitHub - touchlab-lab/compose-animations

Jetpack Compose에서 Compose 멀티플랫폼으로: 전환 가이드 — Touchlab

Jetpack Compose to Compose Multiplatform: Transition Guide