إضافة العناصر
جزء من قسم مقدمة إلى 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
تدرّب بنفسك: Playground لـ Swift