Compose MP

Learn the Compose Multiplatform concept.

What is Compose MP?

Compose Multiplatform is a library that lets you write declarative UI with Kotlin. The same code runs on Desktop, Web, Android and iOS.

Compose describes the UI with data-bound functions rather than imperative commands. A @Composable function redraws (recomposition) as its state changes. This builds a direct bridge between UI and logic. The composeMpInfo function in this lesson shows the concept with a simple model.

Compose MP targets

Compose MP supports many targets: Desktop (JVM), Web (Canvas or HTML), Android and iOS.

Each target has its own entry point: Window on Desktop, CanvasBasedWindow on Web, setContent on Android, ComposeUIViewController on iOS. Shared @Composable functions are reused on every target. This means a single UI code base with platform-specific entry points.

Exercise Write composeMpInfo

Define fun composeMpInfo(): String. It should return "Compose MP". In main, write println(composeMpInfo()).

Show example solution

fun composeMpInfo(): String = "Compose MP"
fun main() {
    println(composeMpInfo())
}

Test yourself

Which paradigm does Compose MP use?
```
Compose describes UI with declarations.
```
- Declarative
- Imperative
- Pure functional
- Procedural
Show answer

Declarative — Compose builds UI with the declarative paradigm.

Complete the import line

import androidx.compose.____

Show answer

import androidx.compose.runtime

Match the Compose MP parts

Desktop

JVM target
Web

Canvas/HTML
Android

Android target
iOS

iOS target

Next lesson: @Composable

We Are Enhancing Your Experience

Cookie Preferences

Strictly Necessary Cookies

Analytical Cookies