SwiftUI NavigationLink isActive Binding Not Updated/Working

Question

I have the following:

@State private var showNext = false

...
    NavigationStack {
        VStack {
            NavigationLink(destination: NextView(showSelf: $showNext),
                           isActive: $showNext) { EmptyView() }

            Button("Show Next") {
                showNext = true
            }
        }
    }

...

struct NextView: View {
    @Binding var showSelf: Bool

    var body: some View {
        Text("Next")
         .navigationTitle("Next")

        Button("Dismiss") {
            showSelf = false
        }
            .padding(30)
    }
}

When tapping Show Next, the NextView is shown as expected.

But when tapping Dismiss, nothing happens.

Turns out that showSelf was already false before it's set to false. So it seems something went wrong with passing the binding into NextView.

What could be wrong?

meaning-matters · Accepted Answer · 2022-09-27 20:30:37Z

3

The issue was caused by NavigationStack. When I replaced it with NavigationView it worked as expected.

The isActive binding of NavigationLink does not appear to work (or to be supported) when embedded in a NavigationStack.

answered Sep 27, 2022 at 20:30

meaning-matters

23.1k10 gold badges92 silver badges165 bronze badges

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

Comments

malhal · Accepted Answer · 2022-09-27 22:22:10Z

1

isActive binding is for NavigationView, try:

NavigationView {
    ...
}
.navigationViewStyle(.stack)`

edited Sep 27, 2022 at 22:22

answered Sep 26, 2022 at 21:19

malhal

31.5k7 gold badges125 silver badges154 bronze badges

5 Comments

meaning-matters Over a year ago

Why does the documentation not talk about a required main and detail view? How does use of EmptyView cause my binding to have the wrong value? What do you mean with "navigation to break"; I didn't talk about that?

malhal Over a year ago

I meant isActive breaking

meaning-matters Over a year ago

Thanks for you time! Your NextView doesn't fix this issue. Where did you read that NavuigationView requires a main and detail view?

malhal Over a year ago

Text(“Select a note”) developer.apple.com/documentation/swiftui/navigationview

meaning-matters Over a year ago

stackoverflow.com/a/73873498/1971013

Adkarma · Accepted Answer · 2022-10-03 17:01:56Z

You are trying to mix code for iOS >= 16 (NavigationStack) and for iOS < 16 (the previous way to handle NavigationLink). Similarly for the dismiss part, which is iOS < 15.

Here is your code for iOS 16:

import SwiftUI

struct ContentView: View {
    var body: some View {
        NavigationStack {
            VStack {
                NavigationLink {
                    NextView()
                } label: {
                    Text("Show next view")
                }
            }
        }
    }
}

struct NextView: View {
    @Environment(\.dismiss) private var dismiss
    var body: some View {
        VStack {
            Text("You are in the next view")
            Button("Dismiss", action: dismiss.callAsFunction)
        }
        .navigationTitle("Next")
    }
}

I have used the simplest construction of NavigationLink. A more complex one would be used in conjunction with .navigationDestination. The best examples I have found are here:

And if you want to dive more into very strange behaviour of the stack, you can look at my post here: Found a strange behaviour of @State when combined to the new Navigation Stack - Is it a bug or am I doing it wrong?

If you need to produce code for iOS < 16, you should replace NavigationStack with NavigationView and work from there.

Collectives™ on Stack Overflow

SwiftUI NavigationLink isActive Binding Not Updated/Working

3 Answers 3

Comments

5 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related