NavigationStack
本课属于 Coddy Swift 学习旅程的“SwiftUI 入门”单元。第 34 课,共 50 课。
NavigationStack 会为屏幕添加导航栏,并允许它将其他屏幕推送到上层。将屏幕内容放在其中,并为内容设置标题:
NavigationStack {
List {
Text("Inbox")
Text("Sent")
}
.navigationTitle("Mail")
}注意 .navigationTitle 的位置:它要放在堆栈内部的内容上,而不是放在 NavigationStack 本身上。堆栈会从当前显示的屏幕读取标题,因此每个屏幕都可以设置自己的标题。
默认情况下,标题很大。.navigationBarTitleDisplayMode(.inline) 会让标题变小,并显示在栏的中间。
挑战
简单用标识符 nav 将列表放在 NavigationStack 中,并为列表设置标题 Recipes。
亲手试试
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}这节课包含一个小测验。开始学习即可作答,并记录你的进度。
SwiftUI 入门中的所有课
自己练习: SwiftUI 在线编辑器