0Pricing
Kotlin Multiplatform Academy · Aula

Ative o Compose Multiplatform

Adicione o plug-in e seu primeiro composable compartilhado

Ative o Compose Multiplatform é uma aula grátis de Kotlin Multiplatform Academy no CoddyKit. Esta é a aula 1 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Kotlin Multiplatform Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Kotlin Multiplatform Academy inclui 4 aulas no total.

Partes desta aula ainda não foram traduzidas e aparecem em inglês.

One UI, Every Screen

Compose Multiplatform lets you describe your UI once in Kotlin and render it on Android, iOS and desktop. The same screen code runs everywhere. 🎉

Built on Jetpack Compose

If you know Jetpack Compose, you already know most of this. Compose Multiplatform brings that same declarative toolkit to every target you support.

Add the Compose Plugin

You enable it by adding the Compose Gradle plugin alongside the Kotlin Multiplatform plugin in your shared module. That unlocks the composable APIs.

plugins {
    kotlin("multiplatform")
    id("org.jetbrains.compose")
}

Pull In the Compose BOM

The Compose dependencies live behind a single accessor. You add the runtime, foundation and material libraries from the compose extension so versions stay aligned.

kotlin {
    sourceSets {
        commonMain.dependencies {
            implementation(compose.material3)
        }
    }
}

Your First Shared Composable

A composable is just a Kotlin function marked with @Composable. Put it in commonMain and it becomes available to every platform at once.

import androidx.compose.runtime.Composable
import androidx.compose.material3.Text

@Composable
fun Greeting(name: String) {
    Text("Hello, " + name)
}

A Root App Composable

Most projects expose one top-level App composable in shared code. Each platform simply calls into it, so the whole UI tree is shared.

@Composable
fun App() {
    Greeting("KMP")
}

Material Theming Comes Along

Compose Multiplatform ships Material components and theming, so buttons, text fields and colors look consistent across platforms out of the box.

@Composable
fun App() {
    MaterialTheme {
        Greeting("KMP")
    }
}

Android Hosts It Natively

On Android you mount the shared App inside an Activity using setContent, exactly like a normal Compose app. Nothing special is required.

class MainActivity : ComponentActivity() {
    override fun onCreate(b: Bundle?) {
        super.onCreate(b)
        setContent { App() }
    }
}

iOS and Desktop Plug In Too

iOS and desktop each have a tiny entry point that hosts the same App composable. You write the screen once and host it from every target.

Live Previews Still Work

You keep fast iteration with @Preview in your IDE, so you see your shared composable render without launching a full device build each time.

What This Unlocks

With Compose enabled, your UI joins your logic in shared code. The result is one codebase driving pixel-identical screens on phones and desktops.

Quick Check

Where does a shared composable belong?

Recap: Compose Everywhere

You enabled the Compose plugin, wrote a shared composable in commonMain, wrapped it in MaterialTheme and saw how each platform hosts the same App. One UI, every screen. 🚀

Perguntas Frequentes

A aula “Ative o Compose Multiplatform” é grátis?

Sim — o texto completo de “Ative o Compose Multiplatform” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Kotlin Multiplatform Academy, atualize para CoddyKit PRO. O curso de Kotlin Multiplatform Academy inclui 4 aulas no total.

O que vou aprender em “Ative o Compose Multiplatform”?

Adicione o plug-in e seu primeiro composable compartilhado Você pratica Kotlin Multiplatform Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.

Preciso ter experiência prévia para começar Kotlin Multiplatform Academy?

Nenhuma experiência prévia é necessária. Kotlin Multiplatform Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 1 de 4.

Quanto tempo leva a aula “Ative o Compose Multiplatform”?

A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.

Posso escrever e executar código nesta aula de Kotlin Multiplatform Academy?

Sim. Cada aula de Kotlin Multiplatform Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.

Todas as aulas deste curso

  1. Ative o Compose Multiplatform
  2. Layouts, modificadores e tematização
  3. Estado e recomposição na interface compartilhada
  4. Hospede a interface compartilhada no iOS e no desktop
← Voltar para Kotlin Multiplatform Academy