Kotlin Multiplatform Academy · Lektion

Zwischen gemeinsamen Screens navigieren

Einen Navigationsgraphen in Compose Multiplatform verknüpfen

Zwischen gemeinsamen Screens navigieren ist eine kostenlose Kotlin Multiplatform Academy-Lektion auf CoddyKit. Dies ist Lektion 1 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Kotlin Multiplatform Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Kotlin Multiplatform Academy-Kurs umfasst insgesamt 4 Lektionen.

Teile dieser Lektion wurden noch nicht übersetzt und werden auf Englisch angezeigt.

More Than One Screen

Real apps have many screens: a list, a detail, a settings page. Navigation is how you move between them in shared Compose code. 🧭

One Graph for Every Platform

You define a single navigation graph in commonMain, and Android, iOS and desktop all follow the same route map.

Add the Navigation Library

Compose Multiplatform ships its own navigation-compose artifact. Add it to commonMain and the routing toolkit comes with it.

commonMain.dependencies {
    implementation(libs.navigation.compose)
}

Screens Are Just Routes

Each destination is identified by a route string. Think of it like a tiny address for one screen in your app.

Create the NavController

A NavController remembers where you are and lets you move around. You create one and hand it to your graph.

val navController = rememberNavController()

Declare the NavHost

The NavHost hosts your screens and shows whichever route is current. You give it a controller and a start destination.

NavHost(navController, startDestination = "home") {
    composable("home") { HomeScreen() }
    composable("details") { DetailsScreen() }
}

Pick a Start Destination

The startDestination is the first screen users see. It is just one of your route strings, chosen as the entry point.

Navigate Forward

To open another screen you call navigate with its route. The NavHost swaps in that destination for you.

Button(onClick = { navController.navigate("details") }) {
    Text("Open details")
}

Go Back Cleanly

Calling popBackStack returns to the previous screen. Compose tracks the history so back behaves the way users expect.

navController.popBackStack()

The Back Stack

Every screen you open is pushed onto a back stack. Going back pops the top entry, just like a stack of cards.

Shared Routing, Native Hosting

The graph is shared, but each platform still hosts it in its own entry point. One route map, two native containers. 🙂

Quick Check

Which component actually performs the move from one screen to another?

Recap: A Shared Map of Screens

You added navigation, built a NavHost with routes, and used the NavController to move forward and back. One graph, every platform. 🚀

Häufig gestellte Fragen

Ist die Lektion „Zwischen gemeinsamen Screens navigieren“ kostenlos?

Ja — der vollständige Text von „Zwischen gemeinsamen Screens navigieren“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Kotlin Multiplatform Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Kotlin Multiplatform Academy-Kurs umfasst insgesamt 4 Lektionen.

Was lerne ich in „Zwischen gemeinsamen Screens navigieren“?

Einen Navigationsgraphen in Compose Multiplatform verknüpfen Du übst Kotlin Multiplatform Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.

Brauche ich Erfahrung, um Kotlin Multiplatform Academy zu starten?

Keine Vorkenntnisse erforderlich. Kotlin Multiplatform Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 1 von 4.

Wie lange dauert die Lektion „Zwischen gemeinsamen Screens navigieren“?

Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.

Kann ich in dieser Kotlin Multiplatform Academy-Lektion Code schreiben und ausführen?

Ja. Jede Kotlin Multiplatform Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.

Alle Lektionen in diesem Kurs

← Zurück zu Kotlin Multiplatform Academy