Perataan dan Jarak
Termasuk bagian Pengenalan SwiftUI dalam perjalanan Swift di Coddy. Pelajaran 11 dari 50.
VStack memusatkan view-nya dan memberikan jarak default yang kecil di antaranya. Keduanya dapat diubah saat kamu membuat stack:
VStack(alignment: .leading, spacing: 12) {
Text("Order #42")
.font(.headline)
Text("2 coffees")
Text("Ready at 10:30")
}alignment: .leading meratakan view pada tepi kiri (.trailing adalah tepi kanan). spacing: 12 memberi jarak 12 poin di antara setiap pasangan view.
HStack menyelaraskan secara vertikal: .top, .center, atau .bottom:
HStack(alignment: .top, spacing: 20) {
Text("Left")
Text("Right")
}
Tantangan
MudahBuat tanda terima terlihat seperti daftar: atur alignment VStack ke .leading dan spacing-nya ke 12.
Coba sendiri
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Uji dirimuPelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.
Semua pelajaran di Pengenalan SwiftUI
Latihan sendiri: Playground SwiftUI