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שיתוף נתונים

תרגלו בעצמכם: SwiftUI אונליין