Menu
CoddyTech

لكل عنصر

جزء من قسم مقدمة إلى 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.

challenge icon

التحدي

سهل

اعرض القائمة: داخل VStack، استخدم ForEach لإنشاء عنصر Text واحد لكل مشروب في drinks، بالترتيب.

جرّب بنفسك

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz iconاختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.

جميع دروس مقدمة إلى SwiftUI

تدرّب بنفسك: Playground لـ SwiftUI