Menu
CoddyTech

NavigationStack

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

NavigationStack 会为屏幕添加导航栏,并允许它将其他屏幕推送到上层。将屏幕内容放在其中,并为内容设置标题:

NavigationStack {
    List {
        Text("Inbox")
        Text("Sent")
    }
    .navigationTitle("Mail")
}

注意 .navigationTitle 的位置:它要放在堆栈内部的内容上,而不是放在 NavigationStack 本身上。堆栈会从当前显示的屏幕读取标题,因此每个屏幕都可以设置自己的标题。

默认情况下,标题很大。.navigationBarTitleDisplayMode(.inline) 会让标题变小,并显示在栏的中间。

challenge icon

挑战

简单

用标识符 nav 将列表放在 NavigationStack 中,并为列表设置标题 Recipes。

亲手试试

import SwiftUI

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

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

SwiftUI 入门中的所有课

自己练习: SwiftUI 在线编辑器