הוספת פריטים
חלק מהיחידה מבוא ל-SwiftUI במסלול ה-Swift של Coddy. שיעור 32 מתוך 50.
שמור את הפריטים בתוך @State והרשימה מתעדכנת בכל פעם שהמערך משתנה. שדה טקסט וכפתור מספיקים כדי להוסיף פריטים:
@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) מוסיף את הטקסט שהוקלד למערך, ו־newItem = "" מנקה את השדה עבור הפריט הבא. מכיוון ש־items הוא מצב, הרשימה מציגה את השורה החדשה מיד.
אפשר להשבית כפתור כאשר השדה ריק: .disabled(newItem.isEmpty).
אתגר
בינוניגרום לכפתור Add לפעול: הוסף את newItem ל־items ואז נקה את השדה. הרשימה כבר מציגה את items.
נסו בעצמכם
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
בחנו את עצמכםהשיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.
כל השיעורים ביחידה מבוא ל-SwiftUI
תרגלו בעצמכם: SwiftUI אונליין