SOLVED: Any way out of backbutton mess

@AmitShrivastava

Nov '22

I have three views, view one ---> view two ---> view three ----> view one

however this leads to a new back button being added every time the view three is reached via view two...

<- back

how can i avoid this, now i can add .navigationBarBackButtonHidden(true) but this only hides back button, 15-20 attempts later the navigation crashes ...

If there is a solution please suggest , i would highly prefer to use the NavigationView, thanks

I have followed the advise of having just one NavigationView at root

First View

struct ContentView: View {
    @State private var gotoSecond = false
    var body: some View {
        NavigationView {
            VStack {
                Text("I am first view")
                Button {
                    gotoSecond = true
                } label: {
                    Text("Go to Second View")
                        .font(.largeTitle)
                }

                NavigationLink("", destination: CardView(), isActive: $gotoSecond) 
            }

        }

    }
}

SecondView

struct CardView: View {
   @State private var gotoFinalView = false
    var body: some View {
        VStack {
            Text(" I am second view")
            Button {
                gotoFinalView = true
            } label: {
                Text("Go to final view")
                    .font(.largeTitle)
            }
        }

        NavigationLink("", destination: FinalView(), isActive: $gotoFinalView)
    }
}

Final View

struct FinalView: View {
    @State private var gotofirstView = false
    var body: some View {
        VStack {
            Text(" I am final view")
            Button {
                gotofirstView = true
            } label: {
                Text("go back to first view")
                    .font(.largeTitle)
            }
        }

        NavigationLink("", destination: ContentView(), isActive: $gotofirstView)
    }
}

@roosterboy HWS+

Nov '22

In CardView and FinalView, put those NavigationLinks inside the VStack. You should only be returning one View from a body property.

Also, every time you go to ContentView, you will get another back button, because you are hitting the NavigationView again. Try moving everything out of your ContentView except for the NavigationView.

So, something like this:

struct ContentView: View {
    var body: some View {
        NavigationView {
            FirstView()
        }
    }
}

struct FirstView: View {
    @State private var gotoSecond = false

    var body: some View {
        VStack {
            Text("I am first view")
            Button {
                gotoSecond = true
            } label: {
                Text("Go to Second View")
                    .font(.largeTitle)
            }

            NavigationLink("", destination: CardView(), isActive: $gotoSecond) 
        }
    }
}

And then in FinalView, got to FirstView instead of ContentView.

@AmitShrivastava

Nov '22

@roosterboy - thanks, that worked just great ...

Sponsor Hacking with Swift and reach the world's largest Swift community!

Archived topic

This topic has been closed due to inactivity, so you can't reply. Please create a new topic if you need to.

All interactions here are governed by our code of conduct.