My button is not navigating me back to my page

Question

I am building a sign up page and when I click either the login button or the back button it is not taking me back to the login page. This is the variable:

@Binding var showSignup: Bool

Here is my code for the back button:

Button(action: {
    showSignup = false
}, label: {
    Image(systemName: "arrow.left")
        .font(.title2)
        .foregroundStyle(.gray)
})

Here is my code for the login button:

Button("Login"){
    showSignup = false
}

This is my login page:

struct JoinPage: View{
    @State private var showSignup: Bool = false
    var body: some View {
        NavigationStack {
            LoginPage(showSignup: $showSignup)
                .navigationDestination(isPresented: $showSignup) {
                    SignUp(showSignup: $showSignup)
                }
        }
   }
}

I have no clue why the variable is not flipping to false when I set it equal to false. Any help is appreciated thank you!

Answer 1

You're binding showSignup into 3 sub-views without any true trigger, so I think that's why it didn't work. Following by your comments, I'm assuming this:

//Going back from SignUp -> JoinPage
Button("Login") {
    showSignup = true
}

However, to make it simpler and more readable, I recommend using @Environment(\.dismiss) and removing the showSignup binding.

struct SignUp: View {
    @Environment(\.dismiss) private var dismiss

    var body: some View {
        ...
        Button("Login"){
            dismiss()
        }
        
        Button(action: {
            dismiss()
        }, label: {
            Image(systemName: "arrow.left")
                .font(.title2)
                .foregroundStyle(.gray)
        })
    }
}