SwiftUI Academy · درس

إنشاء قائمة ثابتة

أنشئ قائمة صفوف قابلة للتمرير

إنشاء قائمة ثابتة درس مجاني في SwiftUI Academy على CoddyKit. هذا هو الدرس 1 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في SwiftUI Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة SwiftUI Academy 4 دروس في المجموع.

بعض أجزاء هذا الدرس لم تُترجم بعد وتظهر باللغة الإنجليزية.

Meet List

A List is SwiftUI's go-to container for showing rows of content in a clean, scrolling column. 📜

List {
    Text("First row")
    Text("Second row")
}

Rows Are Just Views

Anything you put inside a List becomes a row. A plain Text, an Image, or a whole stack each get their own tidy row.

List {
    Text("Apples")
    Image(systemName: "star")
}

It Scrolls for Free

You never wire up scrolling yourself. A List automatically scrolls when its rows overflow the screen.

Built-in Styling

Each row arrives with system separators, inset padding, and tap highlighting, so your list looks native instantly.

Rich Rows

Put an HStack inside a row to mix an icon and a label side by side, just like settings screens do.

List {
    HStack {
        Image(systemName: "wifi")
        Text("Network")
    }
}

Multiple Lines per Row

A VStack inside a row stacks a title over a subtitle, giving each row two clear lines of detail like a contacts entry.

List {
    VStack(alignment: .leading) {
        Text("Title")
        Text("Subtitle")
    }
}

List vs ScrollView

Reach for a List when you want row styling and separators; use a ScrollView for free-form, custom layouts.

Mixing Row Types

A static List can hold totally different rows, like a header Text followed by an HStack control. Each line stands on its own.

List {
    Text("Settings")
    Toggle("Wi-Fi", isOn: .constant(true))
}

Plenty of Rows

Add as many rows as you like and the List stays smooth, only rendering what is currently on screen.

Tap Feedback

Rows highlight on touch automatically, so a List feels interactive even before you add any tap actions.

Where Lists Shine

Settings, menus, and inboxes are all List at heart. It is the backbone of most iOS screens you use daily. ✨

Quick Check

Think about how rows are created.

Recap

You met List: a scrolling container where each view inside becomes a styled, tappable row, perfect for menus and settings. 🎉

الأسئلة الشائعة

هل درس «إنشاء قائمة ثابتة» مجاني؟

نعم — نص درس «إنشاء قائمة ثابتة» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة SwiftUI Academy، انتقل إلى CoddyKit PRO. تتضمن دورة SwiftUI Academy 4 دروس في المجموع.

ماذا ستتعلم في «إنشاء قائمة ثابتة»؟

أنشئ قائمة صفوف قابلة للتمرير تتمرن على SwiftUI Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ SwiftUI Academy؟

لا تُشترط خبرة سابقة. SwiftUI Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 4.

كم من الوقت يستغرق درس «إنشاء قائمة ثابتة»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس SwiftUI Academy هذا؟

نعم. كل درس في SwiftUI Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

← العودة إلى SwiftUI Academy