Menu
CoddyTech

NavigationLink

本课属于 Coddy Swift 学习旅程的“SwiftUI 入门”单元。第 35 课,共 50 课。

NavigationLink 是一行内容或按钮,轻点后会推入一个新屏幕。它需要一个标题和一个目标视图:

NavigationStack {
    List {
        NavigationLink("Pancakes") {
            Text("Mix flour, eggs and milk")
                .navigationTitle("Pancakes")
        }
    }
    .navigationTitle("Recipes")
}

点击这一行后,目标页面会滑入,并设置自己的标题。然后,导航栏会显示一个以上一屏幕命名的返回按钮 Recipes,点击后即可返回列表。在 List 中,链接行的右侧会显示一个箭头。

目标可以是任何视图,包括你自己的视图结构体。

challenge icon

挑战

简单

将 Pancakes 这一行改为 NavigationLink。它的目标页面是一段文本 Mix flour, eggs and milk,其标识符为 steps,目标页面的标题是 Pancakes。

亲手试试

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz icon自我测试

这节课包含一个小测验。开始学习即可作答,并记录你的进度。

SwiftUI 入门中的所有课

自己练习: SwiftUI 在线编辑器