NavigationStack
Fa parte della sezione Introduzione a SwiftUI del percorso Swift di Coddy. Lezione 34 di 50.
Un NavigationStack fornisce una barra di navigazione a una schermata e consente di visualizzare altre schermate sopra di essa. Racchiudi il contenuto della schermata al suo interno e assegna un titolo al contenuto:
NavigationStack {
List {
Text("Inbox")
Text("Sent")
}
.navigationTitle("Mail")
}Nota dove va .navigationTitle: sul contenuto all'interno dello stack, non sullo stack stesso NavigationStack. Lo stack legge il titolo dalla schermata che sta mostrando, quindi ogni schermata può impostare il proprio.
Per impostazione predefinita, il titolo è grande. .navigationBarTitleDisplayMode(.inline) lo mostra piccolo, al centro della barra.
Sfida
FacileRacchiudi l’elenco in un NavigationStack con l’identificatore nav e assegna all’elenco il titolo Recipes.
Provalo tu
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Mettiti alla provaQuesta lezione include un breve quiz. Inizia la lezione per rispondere e tenere traccia dei tuoi progressi.
Tutte le lezioni di Introduzione a SwiftUI
7Elenchi
Per ogni elementoElementi identificabiliElencoAggiungere elementiRiepilogo - Lista della spesa10Progetto - Coddy Coffee
Panoramica del progettoSchermate delle bevande
Scegli un formatoQuantità e totaleEffettua l'ordine2Mostrare contenuti
Viste di testoNumeri nel testoFontColoriSF SymbolsRiepilogo - Etichetta del prezzo5Stato e pulsanti
PulsantiLa proprietà @StateStato vero o falsoViste condizionaliRiepilogo - Segnapunti8Navigazione
NavigationStackNavigationLinkPassaggio dei datiFogli e avvisiRiepilogo - Guida alle pianteEsercitati da solo: Playground SwiftUI