NavigationLink
本课属于 Coddy Swift 学习旅程的“SwiftUI 入门”单元。第 35 课,共 50 课。
NavigationLink 是一行内容或按钮,轻点后会推入一个新屏幕。它需要一个标题和一个目标视图:
NavigationStack {
List {
NavigationLink("Pancakes") {
Text("Mix flour, eggs and milk")
.navigationTitle("Pancakes")
}
}
.navigationTitle("Recipes")
}点击这一行后,目标页面会滑入,并设置自己的标题。然后,导航栏会显示一个以上一屏幕命名的返回按钮 Recipes,点击后即可返回列表。在 List 中,链接行的右侧会显示一个箭头。
目标可以是任何视图,包括你自己的视图结构体。
挑战
简单将 Pancakes 这一行改为 NavigationLink。它的目标页面是一段文本 Mix flour, eggs and milk,其标识符为 steps,目标页面的标题是 Pancakes。
亲手试试
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}这节课包含一个小测验。开始学习即可作答,并记录你的进度。
SwiftUI 入门中的所有课
自己练习: SwiftUI 在线编辑器