HStack
Thuộc phần Giới thiệu về SwiftUI trong hành trình Swift của Coddy. Bài học 10 trên 50.
HStack sắp xếp các khung nhìn từ trái sang phải:
HStack {
Image(systemName: "sun.max.fill")
.foregroundStyle(.yellow)
Text("Sunny")
}Các stack có thể lồng nhau. Một bố cục phổ biến là một VStack gồm các hàng, trong đó mỗi hàng là một HStack:
VStack {
HStack {
Text("Coffee")
Text("$3")
}
HStack {
Text("Tea")
Text("$2")
}
}
Thử thách
DễTạo một hàng thời tiết: một HStack có biểu tượng cloud.sun.fill, theo sau là văn bản Partly cloudy.
Tự làm thử
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Tự kiểm traBài học này có một bài trắc nghiệm ngắn. Bắt đầu bài học để trả lời và theo dõi tiến độ.
Tất cả bài học trong Giới thiệu về SwiftUI
Tự luyện tập: Playground SwiftUI