Textfeld
Teil des Abschnitts Einführung in SwiftUI der Swift-Journey von Coddy. Lektion 24 von 50.
Mit einem TextField kann der Benutzer Text eingeben. Es benötigt einen Platzhalter und eine Bindung an einen String-Zustand:
@State private var name = ""
var body: some View {
VStack {
TextField("Your name", text: $name)
Text("Hello, \(name)!")
}
}Das $ in $name wandelt den Zustand in eine Bindung um: eine bidirektionale Verbindung. Das Feld zeigt den Wert von name an, und jeder vom Benutzer eingegebene Tastendruck schreibt ihn zurück. Der Text darunter liest denselben Zustand, sodass er bei jedem Tastendruck aktualisiert wird.
.textFieldStyle(.roundedBorder) zeichnet das vertraute abgerundete Feld um das Eingabefeld.
Aufgabe
EinfachBegrüße den Benutzer mit Namen. Füge ein TextField mit dem Platzhalter Your name hinzu, das an name gebunden ist, und gib ihm den Bezeichner name. Behalte den Begrüßungstext bei, der Hello, Ada! lauten sollte, nachdem der Benutzer Ada eingegeben hat.
Probier es selbst
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Teste dich selbstDiese 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
Größe auswählenMenge und GesamtbetragBestellung aufgebenÜbe selbstständig: Swift-Playground