Siirtyminen jaettujen näyttöjen välillä
Liitä navigaatiograafi Compose Multiplatformiin
Siirtyminen jaettujen näyttöjen välillä on ilmainen Kotlin Multiplatform Academy-oppitunti CoddyKitissä. Tämä on oppitunti 1/4. Voit lukea koko oppitunnin alta ilmaiseksi ja harjoitella sen jälkeen käytännössä selaimessa sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla. Oppitunti kuuluu Kotlin Multiplatform Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. Kotlin Multiplatform Academy-kurssilla on yhteensä 4 oppituntia.
Enemmän kuin yksi näkymä
Oikeissa sovelluksissa on useita näkymiä: luettelo, tietonäkymä ja asetussivu. Navigation mahdollistaa niiden välillä siirtymisen jaetussa Compose-koodissa. 🧭
Yksi kaavio jokaiselle alustalle
Määrittelette yhden navigointikaavion commonMainissa, ja Android, iOS sekä työpöytä noudattavat samaa reittikarttaa.
Lisätkää navigointikirjasto
Compose Multiplatform sisältää oman navigation-compose-artefaktinsa. Lisätkää se commonMainiin, niin reititystyökalut tulevat mukaan.
commonMain.dependencies {
implementation(libs.navigation.compose)
}Näkymät ovat vain reittejä
Jokainen kohde tunnistetaan route-merkkijonolla. Ajatelkaa sitä sovelluksen yhden näkymän pienenä osoitteena.
Luokaa NavController
NavController muistaa, missä olette, ja mahdollistaa siirtymisen näkymästä toiseen. Luotte sen ja annatte sen kaaviolle.
val navController = rememberNavController()Määritelkää NavHost
NavHost isännöi näkymiänne ja näyttää kulloinkin aktiivisen reitin. Annet- te sille ohjaimen ja aloituskohteen.
NavHost(navController, startDestination = "home") {
composable("home") { HomeScreen() }
composable("details") { DetailsScreen() }
}Valitkaa aloituskohde
startDestination on ensimmäinen näkymä, jonka käyttäjät näkevät. Se on yksi reittimerkkijonoistanne, joka on valittu aloituspisteeksi.
Siirtykää eteenpäin
Avataksenne toisen näkymän kutsukaa navigate-toimintoa sen reitillä. NavHost vaihtaa kohteen puolestanne.
Button(onClick = { navController.navigate("details") }) {
Text("Open details")
}Palatkaa siististi takaisin
popBackStack-kutsulla palaatte edelliseen näkymään. Compose seuraa historiaa, joten takaisin siirtyminen toimii käyttäjien odottamalla tavalla.
navController.popBackStack()Takaisinpaluu pino
Jokainen avaamanne näkymä lisätään back stack -pinoon. Takaisin siirtyminen poistaa pinon päällimmäisen kohteen, aivan kuten korttipinosta.
Jaettu reititys, natiivi isännöinti
Kaavio on jaettu, mutta kukin alusta isännöi sitä edelleen omassa aloituspisteessään. Yksi reittikartta, kaksi natiivia säilöä. 🙂
Pikatarkistus
Mikä komponentti todella suorittaa siirtymisen näkymästä toiseen?
Kertaus: jaettu näkymäkartta
Lisäsitte navigoinnin, rakensitte reittejä sisältävän NavHost-komponentin ja käytitte NavControlleria siirtymiseen eteen- ja taaksepäin. Yksi kaavio, jokainen alusta. 🚀
Opi Kotlin tekoälytuutorin avulla — ilmaiseksi
Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.
- Kurssit
- 30
- Oppitunnit
- 120
Usein kysytyt kysymykset
Onko oppitunti ”Siirtyminen jaettujen näyttöjen välillä” ilmainen?
Kyllä – oppitunnin ”Siirtyminen jaettujen näyttöjen välillä” koko tekstin voi lukea täällä verkossa ilmaiseksi. Jos haluat harjoitella interaktiivisesti sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla sekä avata koko Kotlin Multiplatform Academy-kurssin, päivitä CoddyKit PROhon. Kotlin Multiplatform Academy-kurssilla on yhteensä 4 oppituntia.
Mitä opin oppitunnilla ”Siirtyminen jaettujen näyttöjen välillä”?
Liitä navigaatiograafi Compose Multiplatformiin Harjoittelet Kotlin Multiplatform Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.
Tarvitsenko kokemusta aloittaakseni Kotlin Multiplatform Academy-opiskelun?
Aiempi kokemus ei ole tarpeen. CoddyKitin Kotlin Multiplatform Academy-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 1/4.
Kuinka kauan ”Siirtyminen jaettujen näyttöjen välillä”-oppitunnin suorittaminen kestää?
Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.
Voinko kirjoittaa ja suorittaa koodia tällä Kotlin Multiplatform Academy-oppitunnilla?
Kyllä. Jokainen Kotlin Multiplatform Academy-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.
Kaikki tämän kurssin oppitunnit
- Siirtyminen jaettujen näyttöjen välillä
- Argumenttien ja deep linkien välittäminen
- Jaetut kuvat, fontit ja merkkijonot
- Jaetun käyttöliittymätekstin lokalisointi