Menu
Coddy logo textTech

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).

challenge icon

Défi

Moyen

Faites 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()
        }
    }
}
quiz iconTestez-vous

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

Entraînez-vous par vous-même : Playground Swift