HStack

Część sekcji Wprowadzenie do SwiftUI ścieżki Swift w Coddy. Lekcja 10 z 50.

HStack rozmieszcza widoki od lewej do prawej:

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

Stosy można zagnieżdżać. Częstym układem jest VStack z wierszami, gdzie każdy wiersz jest HStack:

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

Wyzwanie

Łatwy

Utwórz wiersz pogody: HStack z symbolem cloud.sun.fill, po którym następuje tekst Partly cloudy.

Spróbuj swoich sił

import SwiftUI

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

Sprawdź się

Ta lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.

Wszystkie lekcje w sekcji Wprowadzenie do SwiftUI

1Wprowadzenie

4Modyfikatory

7Listy

10Projekt – Kawiarnia Coddy

2Wyświetlanie treści

5Stan i przyciski

8Nawigacja

11Wyzwania końcowe

3Stosy i układy

6Dane wejściowe użytkownika

9Udostępnianie danych

Poćwicz samodzielnie: Edytor online SwiftUI