Navigér mellem delte skærme
Forbind en navigation graph i Compose Multiplatform
Navigér mellem delte skærme er en gratis Kotlin Multiplatform Academy-lektion på CoddyKit. Dette er lektion 1 af 4. Du kan læse hele lektionen gratis nedenfor — og derefter øve dig praktisk i browseren med en indbygget kodeeditor og en AI-vejleder, der er tilgængelig døgnet rundt. Den er en del af læringsforløbet i Kotlin Multiplatform Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. Kotlin Multiplatform Academy-kurset indeholder 4 lektioner i alt.
Mere end én skærm
Virkelige apps har mange skærme: en liste, en detaljevisning og en indstillingsside. Navigation er måden, du bevæger dig mellem dem på i delt Compose-kode. 🧭
Én graf til alle platforme
Du definerer én navigationsgraf i commonMain, og Android, iOS og desktop følger alle det samme rutekort.
Tilføj navigationsbiblioteket
Compose Multiplatform leveres med sin egen navigation-compose-artefakt. Føj den til commonMain, så følger værktøjerne til rutning med.
commonMain.dependencies {
implementation(libs.navigation.compose)
}Skærme er bare ruter
Hver destination identificeres af en rute-streng. Tænk på den som en lille adresse til én skærm i din app.
Opret NavController
En NavController husker, hvor du er, og lader dig bevæge dig rundt. Du opretter en og giver den til din graf.
val navController = rememberNavController()Deklarér NavHost
NavHost er vært for dine skærme og viser den aktuelle rute. Du giver den en controller og en startdestination.
NavHost(navController, startDestination = "home") {
composable("home") { HomeScreen() }
composable("details") { DetailsScreen() }
}Vælg en startdestination
startDestination er den første skærm, brugerne ser. Det er blot én af dine rutestrenge, valgt som indgangspunkt.
Navigér fremad
Hvis du vil åbne en anden skærm, kalder du navigate med dens rute. NavHost indsætter denne destination for dig.
Button(onClick = { navController.navigate("details") }) {
Text("Open details")
}Gå ordentligt tilbage
Et kald til popBackStack vender tilbage til den forrige skærm. Compose holder styr på historikken, så tilbageknappen fungerer, som brugerne forventer.
navController.popBackStack()Tilbage-stakken
Hver skærm, du åbner, skubbes ind på en tilbage-stak. Når du går tilbage, fjernes den øverste post, ligesom fra en stak kort.
Delt rutning, indbygget værtskab
Grafen er delt, men hver platform er stadig vært for den via sit eget startpunkt. Ét rutekort, to indbyggede containere. 🙂
Hurtigt tjek
Hvilken komponent udfører faktisk skiftet fra én skærm til en anden?
Opsummering: Et delt kort over skærme
Du tilføjede navigation, byggede en NavHost med ruter og brugte NavController til at navigere frem og tilbage. Én graf, alle platforme. 🚀
Lær Kotlin med en AI-underviser — gratis
Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.
- Kurser
- 30
- Lektioner
- 120
Ofte stillede spørgsmål
Er lektionen “Navigér mellem delte skærme” gratis?
Ja — hele teksten til “Navigér mellem delte skærme” kan læses gratis her på nettet. Hvis du vil øve dig interaktivt med en indbygget kodeeditor og en AI-vejleder døgnet rundt og få adgang til resten af Kotlin Multiplatform Academy-kurset, skal du opgradere til CoddyKit PRO. Kotlin Multiplatform Academy-kurset indeholder 4 lektioner i alt.
Hvad lærer jeg i “Navigér mellem delte skærme”?
Forbind en navigation graph i Compose Multiplatform Du øver dig i Kotlin Multiplatform Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.
Skal jeg have erfaring for at begynde på Kotlin Multiplatform Academy?
Der kræves ingen tidligere erfaring. Kotlin Multiplatform Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 1 af 4.
Hvor lang tid tager lektionen “Navigér mellem delte skærme”?
De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.
Kan jeg skrive og køre kode i denne Kotlin Multiplatform Academy-lektion?
Ja. Alle Kotlin Multiplatform Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.
Alle lektioner i dette kursus
- Navigér mellem delte skærme
- Send argumenter og deep links
- Delte billeder, fonte og strings
- Lokaliser tekst i delt UI