שדה טקסט
חלק מהיחידה מבוא ל-SwiftUI במסלול ה-Swift של Coddy. שיעור 24 מתוך 50.
בעזרת TextField המשתמש יכול להקליד. הוא זקוק לטקסט מציין מקום ולקישור למצב String:
@State private var name = ""
var body: some View {
VStack {
TextField("Your name", text: $name)
Text("Hello, \(name)!")
}
}ה־$ ב־$name הופך את המצב לקישור דו־כיווני. השדה מציג את הערך של name, וכל מקש שהמשתמש מקליד מעדכן אותו. הטקסט שלמטה קורא את אותו מצב, ולכן הוא מתעדכן בכל הקלדה.
.textFieldStyle(.roundedBorder) מצייר תיבה מעוגלת מוכרת סביב השדה.
אתגר
קלברך את המשתמש בשמו. הוסף TextField עם מציין המקום Your name המקושר אל name, ותן לו את המזהה name. השאר את טקסט הברכה, שאמור להציג Hello, Ada! לאחר שהמשתמש מקליד Ada.
נסו בעצמכם
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
בחנו את עצמכםהשיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.
כל השיעורים ביחידה מבוא ל-SwiftUI
תרגלו בעצמכם: SwiftUI אונליין