HStack

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

HStack يرتّب العروض من اليسار إلى اليمين:

HStack {
    Image(systemName: "sun.max.fill")
        .foregroundStyle(.yellow)
    Text("Sunny")
}

يمكن تداخل الحِزَم. أحد التخطيطات الشائعة هو VStack من الصفوف، حيث يكون كل صف عبارة عن HStack:

VStack {
    HStack {
        Text("Coffee")
        Text("$3")
    }
    HStack {
        Text("Tea")
        Text("$2")
    }
}

التحدي

سهل

أنشئ صفًا للطقس: عنصر HStack مع رمز cloud.sun.fill يتبعه النص Partly cloudy.

جرّب بنفسك

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

اختبر نفسك

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

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

1مقدمة

4المعدِّلات

7القوائم

10مشروع - مقهى كودي

2عرض المحتوى

5الحالة والأزرار

8التنقل

11التحديات النهائية

3المكدسات والتخطيط

6إدخال المستخدم

9مشاركة البيانات

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