Feuilles et alertes
Fait partie de la section Introduction à SwiftUI du Journey Swift de Coddy. Leçon 37 sur 50.
Une sheet fait glisser une vue par-dessus l’écran actuel. Elle est affichée lorsqu’un état Bool est vrai :
@State private var showHelp = false
Button("Help") { showHelp = true }
.sheet(isPresented: $showHelp) {
Text("Swipe down to close")
}Une alerte pose une courte question. Elle fonctionne de la même manière, avec un titre, des boutons et un message facultatif :
Button("Delete") { askDelete = true }
.alert("Delete photo?", isPresented: $askDelete) {
Button("Delete", role: .destructive) { deletePhoto() }
Button("Cancel", role: .cancel) { }
} message: {
Text("This cannot be undone.")
}Appuyer sur l’un des boutons de l’alerte exécute son action et ferme l’alerte, en rétablissant l’état à false. Dans une feuille, @Environment(\.dismiss) var dismiss fournit une action dismiss() qui la ferme depuis le code.
Défi
MoyenLorsque l’utilisateur appuie sur Save, affichez une alerte intitulée Saved! avec le message Your note is stored. et un bouton OK. Utilisez l’état showSaved.
Essayez vous-même
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}Cette 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 badges2Afficher 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