HStack

Teil des Abschnitts Einführung in SwiftUI der Swift-Journey von Coddy. Lektion 10 von 50.

HStack ordnet Ansichten von links nach rechts an:

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

Stacks können verschachtelt werden. Ein häufiges Layout ist ein VStack aus Zeilen, wobei jede Zeile ein HStack ist:

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

Aufgabe

Einfach

Erstelle eine Wetterzeile: ein HStack mit dem Symbol cloud.sun.fill, gefolgt vom Text Partly cloudy.

Probier es selbst

import SwiftUI

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

Teste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Alle Lektionen in Einführung in SwiftUI

1Einführung

4Modifikatoren

7Listen

10Projekt – Coddy Coffee

2Inhalte anzeigen

5Status und Buttons

8Navigation

11Abschließende Herausforderungen

3Stacks & Layout

6Benutzereingabe

9Daten teilen

Übe selbstständig: Swift-Playground