watchOS NavigationLink not hidden when isActive is false

I'm trying to have a navigation link that is triggered programatically. If I use the following code, on iOS, then the second NavigationLink is not put into the UI, as expected. On watchOS, however, there's a visible button with no text.

How can I accomplish this on watchOS?

Code Block swift
var body: some View {
  NavigationView {
    VStack {
      NavigationLink("No login required", destination: UnprotectedView())
      NavigationLink(destination: ProtectedView(), isActive: $isActive) {
        EmptyView()
      }
      Button("Login required", action: pushIfAuthenticated)
    }
    .navigationBarTitle("Choose")
  }
}


Up vote post of Gargoyle Down vote post of Gargoyle
1.9k views
Posted by
Gargoyle
Reply
Add a Comment

Replies

Have you found the solution to this? I am having a similar issue where even if I hide the NavigationLink inside .background() it is still visible in the background.

Posted by
dshum17
Up vote reply of dshum17 Down vote reply of dshum17
Add a Comment

I'm having the same issue where an empty button shows. A workaround I found is to set the opacity to 0 and put the NavigationLink inside a ZStack as if it was inside a VStack it will still take space from the screen. Not sure how reliable this is but I'll test for a few days and see how it holds up!

Posted by
motasay
Up vote reply of motasay Down vote reply of motasay
Add a Comment 
if loginSucceeded {
     
      NavigationLink(destination: DashboardView(), isActive: $loginSucceeded) {
         
        EmptyView()
         
      }
}

Use one extra if check.

Posted by
mohamedrafis
Up vote reply of mohamedrafis Down vote reply of mohamedrafis
Add a Comment