SwiftUI NavigationLink not pushing view programmatically

Question

I am having issues with pushing a view in SwiftUI by using a NavigationLink.

Currently I have it set up so that a binding boolean is set to "true" depending on whether a login was successful or not. However, when I run the code, the view is not pushed despite the boolean being successfully changed.

I am using Swift 5 and developing on WatchOS 6.2, which does NOT require the NavigationLink to be nested in a NavigationView since it's not supported.

import SwiftUI

struct Login: View {
    @State var pushErrorView = false
    @State var pushActivityView = false

    var body: some View {
        VStack{
            Button(action:
            {
                self.login()
            }) {
                Text("Log In")
            }
            
            NavigationLink(destination: PopupMessage(message: "Login Error"), isActive: self.$pushErrorView) {
                EmptyView()
            }.hidden()
            
            NavigationLink(destination: ActivityView(), isActive: self.$pushActivityView) {
              EmptyView()
            }.hidden()
        }
    }
    
    private func login(){         
        if loginSuccess() {
             self.pushActivityView = true                    
        }
        else {
             self.pushErrorView = true
        }
    }
}

You don't need .hidden() for your NavigationLinks. If they only have EmptyView() as a body they won't be visible. — pawello2222
– pawello2222, Commented Jun 30, 2020 at 20:53

Asperi · Accepted Answer · 2020-07-01 03:57:59Z

1

Here is working solution. Tested with Xcode 11.4 / watchOS 6.2 on replicated code (due to absent dependent components).

struct Login: View {
    @State var pushErrorView = false
    @State var pushNextView = false

    var body: some View {
        VStack{
            Button(action:
            {
                self.login()
            }) {
                Text("Log In")
            }.background(
                NavigationLink(destination: Group {
                    if pushErrorView { PopupMessage(message: "Login Error") }
                    else { ActivityView() }
                }, isActive: self.$pushNextView) { EmptyView() }
            )
        }
    }

    private func login(){
         self.pushErrorView = !loginSuccess()
         self.pushNextView = true
    }
}

answered Jul 1, 2020 at 3:57

Asperi

262k28 gold badges594 silver badges889 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Benjamin RD · Accepted Answer · 2020-06-30 21:05:36Z

0

Try with:

NavigationLink(destination: YourSecondView(), isActive: $areYouGoingToSecondView) { 
    EmptyView() 
}

No .hidden() is needed

answered Jun 30, 2020 at 21:05

Benjamin RD

12.1k16 gold badges96 silver badges166 bronze badges

1 Comment

Diego Miranda Over a year ago

Removing the .hidden() still yields the same result

Collectives™ on Stack Overflow

SwiftUI NavigationLink not pushing view programmatically

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related