NavigationStack
Thuộc phần Giới thiệu về SwiftUI trong hành trình Swift của Coddy. Bài học 34 trên 50.
NavigationStack cung cấp thanh điều hướng cho màn hình và cho phép màn hình đó đẩy các màn hình khác lên trên. Hãy bọc nội dung màn hình bên trong nó và đặt tiêu đề cho nội dung:
NavigationStack {
List {
Text("Inbox")
Text("Sent")
}
.navigationTitle("Mail")
}Hãy chú ý vị trí của .navigationTitle: trên nội dung bên trong ngăn xếp, không phải trên chính NavigationStack. Ngăn xếp lấy tiêu đề từ màn hình đang hiển thị, vì vậy mỗi màn hình có thể đặt tiêu đề riêng.
Theo mặc định, tiêu đề có kích thước lớn. .navigationBarTitleDisplayMode(.inline) hiển thị tiêu đề nhỏ ở giữa thanh.
Thử thách
DễBọc danh sách trong NavigationStack có mã định danh nav, rồi đặt tiêu đề cho danh sách là Recipes.
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