Menu
Coddy logo textTech
flag Ar iconالعربيةdown icon

مكدس التنقل

جزء من قسم مقدمة إلى SwiftUI في رحلة Swift على Coddy. الدرس 34 من 50.

يوفّر NavigationStack للشاشة شريط تنقّل ويتيح لها دفع شاشات أخرى فوقها. غلّف محتوى الشاشة به، وامنح المحتوى عنوانًا:

NavigationStack {
    List {
        Text("Inbox")
        Text("Sent")
    }
    .navigationTitle("Mail")
}

لاحظ موضع .navigationTitle: على المحتوى داخل المكدس، وليس على NavigationStack نفسه. يقرأ المكدس العنوان من الشاشة التي يعرضها، لذا يمكن لكل شاشة تعيين عنوانها الخاص.

يكون العنوان كبيرًا افتراضيًا. يعرضه .navigationBarTitleDisplayMode(.inline) صغيرًا، في منتصف الشريط.

challenge icon

التحدي

سهل

غلّف القائمة داخل NavigationStack بالمعرّف nav، وامنح القائمة العنوان Recipes.

جرّب بنفسك

import SwiftUI

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

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

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

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