Vues conditionnelles
Fait partie de la section Introduction à SwiftUI du Journey Swift de Coddy. Leçon 22 sur 50.
Un if à l’intérieur d’un corps détermine si une vue est présente ou non :
@State private var showDetails = false
var body: some View {
VStack {
Button("Show details") {
showDetails.toggle()
}
if showDetails {
Text("Made with SwiftUI")
}
}
}Tant que showDetails vaut false, le texte ne fait pas partie de l’écran. Après le toucher, il apparaît. Une branche else affiche plutôt une vue différente :
if isLoggedIn {
Text("Welcome back")
} else {
Button("Log in") { isLoggedIn = true }
}
Défi
FacileLe texte Made with SwiftUI ne doit apparaître qu’après que l’utilisateur a appuyé sur Show details. Fais en sorte que le bouton définisse showDetails, et affiche le texte (avec son identifiant) uniquement lorsque showDetails est vrai.
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 scoreEntraînez-vous par vous-même : Playground Swift