NavigationLink
Thuộc phần Giới thiệu về SwiftUI trong hành trình Swift của Coddy. Bài học 35 trên 50.
NavigationLink là một hàng hoặc nút mở màn hình mới khi được nhấn. Nó cần có tiêu đề và một chế độ xem đích:
NavigationStack {
List {
NavigationLink("Pancakes") {
Text("Mix flour, eggs and milk")
.navigationTitle("Pancakes")
}
}
.navigationTitle("Recipes")
}Nhấn vào hàng sẽ mở màn hình đích, màn hình này đặt tiêu đề riêng. Thanh điều hướng sau đó hiển thị nút quay lại có tên màn hình trước đó, Recipes, để trở về danh sách. Bên trong List, hàng liên kết hiển thị dấu chữ V ở bên phải.
Đích đến có thể là bất kỳ chế độ xem nào, bao gồm cả các struct chế độ xem do bạn tự định nghĩa.
Thử thách
DễChuyển hàng Pancakes thành một NavigationLink. Đích đến là một văn bản Mix flour, eggs and milk có mã định danh steps, và tiêu đề của đích đến là Pancakes.
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