NavigationLink 目的地上的 SwiftUI NavigationTitle
SwiftUI NavigationTitle on NavigationLink destination
如何将 navigation-like 标题添加到 NavigationLink 的目的地?
请注意,代码不是我的;它来自 Hacking With Swift 的网站。
主导航视图的屏幕截图
如何将与第一个屏幕截图中的标题相似的标题添加到第二个屏幕截图中的目标 link?最好这个标题与后退按钮水平相邻。
代码:
struct ContentView: View {
var body: some View {
NavigationView {
VStack(spacing: 30) {
Text("You're going to flip a coin – do you want to choose heads or tails?")
NavigationLink(destination: ResultView(choice: "Heads")) {
Text("Choose Heads")
}
NavigationLink(destination: ResultView(choice: "Tails")) {
Text("Choose Tails")
}
}
.navigationTitle("Navigation")
}
}
}
struct ResultView: View {
var choice: String
var body: some View {
Text("You chose \(choice)")
}
}
只需将其附加到 Text
(或 body
内的任何最顶层视图)。
struct ResultView: View {
var choice: String
var body: some View {
Text("You chose \(choice)")
.navigationTitle("Your Title Here")
.navigationBarTitleDisplayMode(.inline) /// make it horizontally adjacent
}
}
结果:
如何将 navigation-like 标题添加到 NavigationLink 的目的地?
请注意,代码不是我的;它来自 Hacking With Swift 的网站。
主导航视图的屏幕截图
如何将与第一个屏幕截图中的标题相似的标题添加到第二个屏幕截图中的目标 link?最好这个标题与后退按钮水平相邻。
代码:
struct ContentView: View {
var body: some View {
NavigationView {
VStack(spacing: 30) {
Text("You're going to flip a coin – do you want to choose heads or tails?")
NavigationLink(destination: ResultView(choice: "Heads")) {
Text("Choose Heads")
}
NavigationLink(destination: ResultView(choice: "Tails")) {
Text("Choose Tails")
}
}
.navigationTitle("Navigation")
}
}
}
struct ResultView: View {
var choice: String
var body: some View {
Text("You chose \(choice)")
}
}
只需将其附加到 Text
(或 body
内的任何最顶层视图)。
struct ResultView: View {
var choice: String
var body: some View {
Text("You chose \(choice)")
.navigationTitle("Your Title Here")
.navigationBarTitleDisplayMode(.inline) /// make it horizontally adjacent
}
}
结果: