NavigationLink 目的地上的 SwiftUI NavigationTitle

Posted 2023-04-13

【中文标题】NavigationLink 目的地上的 SwiftUI NavigationTitle

【英文标题】：SwiftUI NavigationTitle on NavigationLink destination

【发布时间】：2021-10-24 00:51:00

【问题描述】：

如何向 NavigationLink 的目的地添加类似导航的标题？

请注意，代码不是我的；它来自 Hacking With Swift 的网站。

主导航视图的屏幕截图

如何将与第一个屏幕截图中的标题相似的标题添加到第二个屏幕截图中的目标链接？最好这个标题与后退按钮水平相邻。

代码：

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)")
    

【参考方案1】：

只需将其附加到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
    

结果：