NavigationStack
Fait partie de la section Introduction à SwiftUI du Journey Swift de Coddy. Leçon 34 sur 50.
Un NavigationStack donne à un écran une barre de navigation et permet d’empiler d’autres écrans par-dessus. Enveloppez le contenu de l’écran dans celui-ci et donnez un titre au contenu :
NavigationStack {
List {
Text("Inbox")
Text("Sent")
}
.navigationTitle("Mail")
}Remarquez où va .navigationTitle : sur le contenu à l’intérieur de la pile, et non sur NavigationStack elle-même. La pile lit le titre de l’écran qu’elle affiche, de sorte que chaque écran peut définir le sien.
Par défaut, le titre est grand. .navigationBarTitleDisplayMode(.inline) l’affiche en petit, au milieu de la barre.
Défi
FacileEntoure la liste dans une NavigationStack avec l’identifiant nav, et donne à la liste le titre Recipes.
Essayez vous-même
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Testez-vousCette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Toutes les leçons de Introduction à SwiftUI
4Modificateurs
Marge intérieureArrière-plansOrdre des modificateursCadres et formesRécapitulatif - Créateur de badges
2Afficher du contenu
Vues de texteNombres dans le textePolicesCouleursSymboles SFRécapitulatif - Étiquette de prix5État et boutons
BoutonsLa propriété @StateÉtat vrai ou fauxVues conditionnellesRécapitulatif - Compteur de score8Navigation
NavigationStackNavigationLinkTransmission de donnéesFeuilles et alertesRécapitulatif - Guide des plantesEntraînez-vous par vous-même : Playground Swift