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

Ios SwiftUI如何在子视图中导航到新的导航页面,ios,swift,swiftui,Ios,Swift,Swiftui,我对SwiftUI很陌生,我在导航方面遇到了一些问题 从下面的代码中,我有一个按层次顺序排列的ContentView、UserView和BobView 内容视图显示10个用户视图,在用户视图中,有一个名为“单击我导航”的文本将我导航到Bob视图 我现在的问题是,当我点击“点击我导航”按钮时,它会将我导航到我想要的BobView。 但是,当我滚动时,我仍然能够看到文本“内容视图”和图像内容视图以及其他9个用户 我知道它为什么会这样做,但我不太确定如何修复它。我不想在内容视图上创建导航,否则,它会在

我对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")}
   }
}
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()
    }
}