Näyttöjen avaaminen NavigationLinkillä
Siirry yksityiskohtanäkymään napauttamalla
Näyttöjen avaaminen NavigationLinkillä on ilmainen SwiftUI 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 SwiftUI Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. SwiftUI Academy-kurssilla on yhteensä 4 oppituntia.
Peräkkäiset näkymät
Oikeat sovellukset siirtyvät näkymästä toiseen. SwiftUIssa sisältö kääritään NavigationStack-säiliöön, jotta uusia näkymiä voidaan lisätä päälle ja palata takaisin liu'uttamalla. 📱
NavigationStack {
HomeView()
}Mitä NavigationLink tekee
NavigationLink on napautettava otsake, joka lisää uuden näkymän pinon päälle. Kun sitä napautetaan, seuraava näyttö liukuu sisään oikealta.
NavigationLink("Details") {
DetailView()
}Linkki sijaitsee pinon sisällä
NavigationLink toimii vain, kun se sijaitsee NavigationStack-säiliön sisällä. Ilman tätä säilöä napautukselle ei ole kohdetta, johon siirtyä, joten mitään ei tapahdu.
NavigationStack {
NavigationLink("Open") { DetailView() }
}Mukautettu otsake
Linkin otsake voi olla mikä tahansa näkymä, ei vain tekstiä. Anna label-sulkemisfunktiolle kuvakkeesta ja tekstistä koostuva rivi, jotta napautusalue tuntuu monipuolisemmalta.
NavigationLink {
DetailView()
} label: {
Label("Profile", systemImage: "person")
}Kohteen määrittävä sulkemisfunktio
Ensimmäinen sulkemisfunktio on destination: näyttö, joka avautuu napautettaessa. SwiftUI rakentaa sen laiskasti vasta, kun käyttäjä todella siirtyy siihen.
NavigationLink {
SettingsView()
} label: {
Text("Settings")
}Takaisin-painike tulee automaattisesti
Takaisin-painiketta ei tarvitse rakentaa itse. Pino lisää back button -painikkeen automaattisesti, ja vasemmasta reunasta pyyhkäisemällä voi myös palata edelliseen näkymään. 👍
Linkit luetteloissa
Linkit toimivat erinomaisesti List-näkymässä. Jokaisesta rivistä tulee napautettava, ja se saa nuolen, joten saat perinteisen iOS:n porautumisnäkymän vaivatta.
List {
NavigationLink("Inbox") { InboxView() }
NavigationLink("Sent") { SentView() }
}Lisää näkymä, älä korvaa sitä
Näkymän lisääminen lisää uuden näytön pinon päälle sen sijaan, että se korvaisi nykyisen. Siksi takaisin-painikkeella voi palata täsmälleen siihen näkymään, jossa olit.
Sisäkkäisyys voi jatkua syvälle
Pinon päälle lisätty näkymä voi sisältää omia linkkejään, joten käyttäjät voivat porautua tasolta toiselle. Pino muistaa koko polun ja purkaa sen yksi napautus kerrallaan.
Käytä yhtä pinoa kussakin kulussa
Sijoita yksi NavigationStack kunkin navigointikulun juureen. Pinojen sisäkkäisyys aiheuttaa yleensä sekavaa ja rikkoutunutta takaisin navigointia.
Pieni virhe, jota kannattaa välttää
Ympäröivän NavigationStackin unohtaminen on aloittelijoiden yleisin virhe. Linkki näkyy, mutta sen napauttaminen ei tee mitään, joten tarkista aina ensin säiliö.
Pikatarkistus
Missä NavigationLinkin täytyy sijaita, jotta se voi todella avata uuden näkymän?
Kertaus: näkymien lisääminen
Käärijät sisällön NavigationStack-säiliöön ja käytät NavigationLinkiä yksityiskohtanäkymien avaamiseen. Takaisin-painike hoidetaan puolestasi. Seuraavaksi välität tietoja näkymien välillä. 🎉
Opi Swift 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 ”Näyttöjen avaaminen NavigationLinkillä” ilmainen?
Kyllä – oppitunnin ”Näyttöjen avaaminen NavigationLinkillä” 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 SwiftUI Academy-kurssin, päivitä CoddyKit PROhon. SwiftUI Academy-kurssilla on yhteensä 4 oppituntia.
Mitä opin oppitunnilla ”Näyttöjen avaaminen NavigationLinkillä”?
Siirry yksityiskohtanäkymään napauttamalla Harjoittelet SwiftUI Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.
Tarvitsenko kokemusta aloittaakseni SwiftUI Academy-opiskelun?
Aiempi kokemus ei ole tarpeen. CoddyKitin SwiftUI 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 ”Näyttöjen avaaminen NavigationLinkillä”-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ä SwiftUI Academy-oppitunnilla?
Kyllä. Jokainen SwiftUI 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
- Näyttöjen avaaminen NavigationLinkillä
- Tietojen välittäminen yksityiskohtanäkymiin
- Työkalupalkki ja navigointinimiö
- Ohjelmalliset navigointipolut