HStack

Termasuk bagian Pengenalan SwiftUI dalam perjalanan Swift di Coddy. Pelajaran 10 dari 50.

HStack menyusun tampilan dari kiri ke kanan:

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

Stack dapat disusun bertingkat. Tata letak yang umum adalah VStack yang berisi baris-baris, dengan setiap baris berupa HStack:

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

Tantangan

Mudah

Buat baris cuaca: sebuah HStack dengan simbol cloud.sun.fill diikuti teks Partly cloudy.

Coba sendiri

import SwiftUI

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

Uji dirimu

Pelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.

Semua pelajaran di Pengenalan SwiftUI

1Pengenalan

4Pengubah

7Lists

10Proyek, Coddy Coffee

2Menampilkan Konten

5State dan Tombol

8Navigasi

11Tantangan Akhir

3Stack dan Tata Letak

6Input Pengguna

9Berbagi Data