VStack
Thuộc phần Giới thiệu về SwiftUI trong hành trình Swift của Coddy. Bài học 9 trên 50.
Một body trả về một view. Để hiển thị nhiều view, hãy đặt chúng vào một stack. VStack sắp xếp các view từ trên xuống dưới:
VStack {
Text("Coddy Cafe")
.font(.title)
Text("Open 8:00 to 18:00")
}Các chế độ xem (view) nằm bên trong dấu ngoặc nhọn, mỗi chế độ trên một dòng, theo thứ tự xuất hiện trên màn hình. Mỗi chế độ có thể có các bộ bổ nghĩa (modifier) riêng.
Ngăn xếp cũng là một khung nhìn, vì vậy bạn có thể tạo kiểu cho chính ngăn xếp đó. Bộ bổ trợ trên ngăn xếp sẽ áp dụng cho các khung nhìn bên trong không tự đặt bộ bổ trợ riêng:
VStack {
Text("Coffee")
Text("Tea")
}
.font(.headline)
Thử thách
Người mớiHiển thị thẻ liên hệ: một VStack gồm hai văn bản, Ada Lovelace ở trên và Engineer bên dưới. Đặt phông chữ .title cho tên.
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