NavigationLink
Fait partie de la section Introduction à SwiftUI du Journey Swift de Coddy. Leçon 35 sur 50.
Un NavigationLink est une ligne ou un bouton qui affiche un nouvel écran lorsqu’on appuie dessus. Il nécessite un titre et une vue de destination :
NavigationStack {
List {
NavigationLink("Pancakes") {
Text("Mix flour, eggs and milk")
.navigationTitle("Pancakes")
}
}
.navigationTitle("Recipes")
}Lorsque tu touches la ligne, la destination s’affiche en glissant et définit son propre titre. La barre affiche alors un bouton Retour nommé d’après l’écran précédent, Recipes, qui ramène à la liste. Dans une List, une ligne de lien affiche un chevron à droite.
La destination peut être n’importe quelle vue, y compris vos propres structures de vue.
Défi
FacileTransforme la ligne Pancakes en NavigationLink. Sa destination est un texte Mix flour, eggs and milk avec l’identifiant steps, et le titre de la destination est Pancakes.
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