Ajouter des éléments
Fait partie de la section Introduction à SwiftUI du Journey Swift de Coddy. Leçon 32 sur 50.
Conservez les éléments dans @State et la liste se met à jour chaque fois que le tableau change. Un champ de texte et un bouton suffisent pour ajouter des éléments :
@State private var items = ["Milk"]
@State private var newItem = ""
var body: some View {
VStack {
TextField("New item", text: $newItem)
Button("Add") {
items.append(newItem)
newItem = ""
}
List(items, id: \.self) { item in
Text(item)
}
}
}items.append(newItem) ajoute le texte saisi au tableau, et newItem = "" efface le champ pour l’élément suivant. Comme items est un état, la liste affiche immédiatement la nouvelle ligne.
Un bouton peut être désactivé lorsque le champ est vide : .disabled(newItem.isEmpty).
Défi
MoyenFaites fonctionner le bouton Add : ajoutez newItem à items, puis effacez le champ. La liste affiche déjà items.
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 badges7Listes
Pour chaque élémentÉléments identifiablesListeAjouter des élémentsRécapitulatif - Liste de courses2Afficher 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