如何使用 NavigationLink 在 SwiftUI 视图之间传递数据

Question

我正在进行一个小型 SwiftUI 练习，以了解如何使用 NavigationLink 在视图之间传递数据。 我将 ContentView 设置为在点击 ContentView NavigationLink 后向 SecondView 发送消息。 在 SecondView 中点击 NavigationLink，然后将消息发送到 ThirdView。 但是，当我到达 ThirdView 时，我注意到出现了一个奇怪的 UI。 请看下面的截图：

知道为什么会出现这个 NavigationView 问题吗？ 它与在所有 3 个视图中都有 NavigationView 相关吗？

这是我的代码：

内容视图

struct ContentView: View {
    var body: some View {
        
        NavigationView {
            NavigationLink(destination: SecondView(message: "Hello from ContentView")) {
                Text("Go to Second View")
            }
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

第二视图

struct SecondView: View {
    var message: String
    
    var body: some View {
        Text("\(message)")
        
        NavigationView {
            NavigationLink(destination: ThirdView(message: self.message)) {
                Text("Go to Third View")
            }
        }
    }
}

struct SecondView_Previews: PreviewProvider {
    static var previews: some View {
        SecondView(message: String())
    }
}

第三视图

struct ThirdView: View {
    var message: String
    
    var body: some View {
        NavigationView {
            Text("\(message)")
        }
    }
}

struct ThirdView_Previews: PreviewProvider {
    static var previews: some View {
        ThirdView(message: String())
    }
}

反馈表示赞赏。 谢谢！

Answer 1

删除第二个导航视图

struct SecondView: View {
    var message: String
    var body: some View {
        VStack(spacing: 100 ) {
            Text("\(message)")
            NavigationLink(destination: ThirdView(message: self.message)) {
                Text("Go to Third View")
            }
        }    
    }
}




struct ThirdView: View {
    var message: String
    
    var body: some View {

            Text("\(message)")
        }
    
}