This is a Kotlin Multiplatform project targeting Android, iOS, Web, Desktop (JVM).

• /iosApp contains an iOS application. Even if you’re sharing your UI with Compose Multiplatform, you need this entry point for your iOS app. This is also where you should add SwiftUI code for your project.

• /shared is for code that will be shared across your Compose Multiplatform applications. It contains several subfolders:

  • commonMain is for code that’s common for all targets.
  • Other folders are for Kotlin code that will be compiled for only the platform indicated in the folder name. For example, if you want to use Apple’s CoreCrypto for the iOS part of your Kotlin app, the iosMain folder would be the right place for such calls. Similarly, if you want to edit the Desktop (JVM) specific part, the jvmMain folder is the appropriate location.

Running the apps

Use the run configurations provided by the run widget in your IDE's toolbar. You can also use these commands and options:

• Android app: ./gradlew :androidApp:assembleDebug
• Desktop app:
  • Hot reload: ./gradlew :desktopApp:hotRun --auto
  • Standard run: ./gradlew :desktopApp:run
• Web app:
  • Wasm target (faster, modern browsers): ./gradlew :webApp:wasmJsBrowserDevelopmentRun
  • JS target (slower, supports older browsers): ./gradlew :webApp:jsBrowserDevelopmentRun
• iOS app: open the /iosApp directory in Xcode and run it from there.

Running tests

Use the run button in your IDE's editor gutter, or run tests using Gradle tasks:

• Android tests: ./gradlew :shared:testAndroidHostTest
• Desktop tests: ./gradlew :shared:jvmTest
• Web tests:
  • Wasm target: ./gradlew :shared:wasmJsTest
  • JS target: ./gradlew :shared:jsTest
• iOS tests: ./gradlew :shared:iosSimulatorArm64Test

---

Learn more about Kotlin Multiplatform, Compose Multiplatform, Kotlin/Wasm…

We would appreciate your feedback on Compose/Web and Kotlin/Wasm in the public Slack channel #compose-web. If you face any issues, please report them on YouTrack.

Dependency injection

For dependency injection, we use Koin. To know more about the integration with Compose, please refer to the Koin Compose documentation.

Navigation

For navigation, Navigation3 is used: https://kotlinlang.org/docs/multiplatform/compose-navigation-3.html

For implementation details, please refer to the Navigation3 Android documentation.