SwiftUI 如何在子视图上导航到新的导航页面

Question

我对 SwiftUI 很陌生，我在导航方面遇到了一些问题。

从下面的代码中，我有一个按层次顺序排列的 ContentView、UserView 和 BobView。

内容视图显示 10 个用户视图，在用户视图中，有一个名为“单击我导航”的文本，可将我导航到 Bob 视图。

我的问题是现在，当我单击“单击我导航”时，它会将我导航到 BobView，这正是我想要的。 但是，当我滚动时，我仍然能够看到文本“内容视图”和“图像内容视图”以及其他 9 个用户。

我明白为什么它会这样做，但我不太确定如何解决它。 我不想在内容视图上创建导航，否则它将在整个 BobView() 上创建导航，这不是我想要的。 当我点击用户视图中的文本（“点击我导航”）时，我只想要导航。

任何帮助，将不胜感激 ：）

我的代码架构：

struct ContentView: View {

    var body: some View {
            ScrollView(.vertical, showsIndicators: false){
                 VStack {
                     Text("Content View text")
                     Image("contentviewimage")
                     ForEach((1...10), id: \.self) {
                        user in UserCard()
                     }
                 }
           }
    }
}


struct UserView: View {

    var body: some View {
        NavigationView {
                 VStack {
                     Image("bob")
                     Text("Hello my name is bob")
                     NavigationLink(
                        destination: BobView()){
                            Text("Click me to navigate").font(.system(size: 20))
                        }
                 }
            }
        }
    }
}

struct BobView: View{
  var body: some View{
     VStack{Text("bob view")}
   }
}

Answer 1

struct ContentView: View {

    var body: some View {
        NavigationView {
            ScrollView(.vertical, showsIndicators: false){
                 VStack {
                     Text("Content View text")
                     Image("contentviewimage")
                     ForEach((1...10), id: \.self) { user in
                        UserView()
                     }
                 }
           }
        }
    }
}


struct UserView: View {

    var body: some View {
        
                 VStack {
                     Image("bob")
                     Text("Hello my name is bob")
                     NavigationLink(
                        destination: BobView()){
                            Text("Click me to navigate").font(.system(size: 20))
                        }
                 }
  
        }
    }

struct BobView: View{
  var body: some View{
     VStack{Text("bob view")}
   }
}



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