How can I hide the extra NavigationBar in SwiftUI

Question

I have a problem I have in my code. 2 navigation links that go to different views.

Does someone know how I can make the first navigation link not appear to me?

This is my code:

struct ContentView: View {
@State var navigationFlag = false
var body: some View {

        


    NavigationView {
                VStack {
                    Text("First View")
                    
                    Button(action: {
                        self.navigationFlag = true
                    }, label: {
                        Text("navigate")
                    })
                    
                    NavigationLink(destination: SwiftUIView(),
                                   isActive: self.$navigationFlag,
                                   label: {
                                    EmptyView()
                                   })
    
        
    }
}
}

}

struct SwiftUIView: View {

var body: some View {
    NavigationView{
 
        NavigationLink(destination:Swift2UIView()) {
    Text("hola")
    }
    }

}

Remove the NavigationView that creates it. You only need one for your whole app — lorem ipsum, May 06 '21 at 16:43
hey buddy, do not put code as image, edit your question and past your code. — Pratik Prajapati, May 06 '21 at 16:43
Post code instead of screenshot and give NavigationView only the first parent view. — Raja Kishan, May 06 '21 at 16:46

score 0 · Accepted Answer · answered May 06 '21 at 17:00

In order to hide NavigationView, you can use navigationBarHidden view modifier like so:

struct ContentView: View {
    
    var body: some View {
        NavigationView {
            VStack {
                    ...
            } // set an empty string as title and then hide nav bar
            .navigationBarTitle("")
            .navigationBarHidden(true)
        }
    }
    
}

How can I hide the extra NavigationBar in SwiftUI

1 Answers1