لكل عنصر
جزء من قسم مقدمة إلى SwiftUI في رحلة Swift على Coddy. الدرس 29 من 50.
ينشئ ForEach عرضًا واحدًا لكل عنصر في مجموعة:
let fruits = ["Apple", "Banana", "Cherry"]
var body: some View {
VStack {
ForEach(fruits, id: \.self) { fruit in
Text(fruit)
}
}
}تتلقى الإغلاق كل عنصر وتُرجع عرضه. تحتاج SwiftUI إلى طريقة لتمييز الصفوف، لذلك تطلب id. يستخدم id: \.self القيمة نفسها، وهذا ينجح عندما يكون كل عنصر مختلفًا.
يعمل نطاق من الأرقام أيضًا، من دون id:
ForEach(1..<4) { number in
Text("Row \(number)")
}يعرض هذا Row 1 وRow 2 وRow 3: يتوقف 1..<4 قبل 4.
التحدي
سهلاعرض القائمة: داخل VStack، استخدم ForEach لإنشاء عنصر Text واحد لكل مشروب في drinks، بالترتيب.
جرّب بنفسك
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس مقدمة إلى SwiftUI
تدرّب بنفسك: Playground لـ Swift