Elemente hinzufügen
Teil des Abschnitts Einführung in SwiftUI der Swift-Journey von Coddy. Lektion 32 von 50.
Bewahre die Elemente in @State auf, und die Liste wird jedes Mal aktualisiert, wenn sich das Array ändert. Ein Textfeld und eine Schaltfläche reichen aus, um Elemente hinzuzufügen:
@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) fügt den eingegebenen Text zum Array hinzu, und newItem = "" leert das Feld für das nächste Element. Da items ein Zustand ist, zeigt die Liste sofort die neue Zeile an.
Eine Schaltfläche kann deaktiviert werden, solange das Feld leer ist: .disabled(newItem.isEmpty).
Aufgabe
MittelBringe die Add-Schaltfläche zum Funktionieren: Füge newItem an items an und leere anschließend das Feld. Die Liste zeigt items bereits an.
Probier es selbst
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.
Alle Lektionen in Einführung in SwiftUI
4Modifikatoren
InnenabstandHintergründeReihenfolge der ModifikatorenRahmen und FormenRückblick – Badge Maker10Projekt – Coddy Coffee
ProjektübersichtGetränkeansichtenÜbe selbstständig: Swift-Playground