How to put a condition to NavigationLink? SWIFTUI

Question

I would like to put a condition to the NavigationLink.

I have two variable, and the NavigationLink as below.

  @State var score = 0
  @State var target = 10

NavigationLink(destination: level2()) {     
  Text("Next Level")
 }

Is there a way to let the user go to the next level if the score is bigger than the target?

Thanks.

do you mean, that it automatically open destination if score > target? — user3441734, Feb 29 '20 at 23:46

score 21 · Accepted Answer · edited Aug 23 '22 at 07:11

Well, your question can be interpreted differently...

if you want to don't show the ability to go next until score is bigger that target at all, then it is

if score > target { // link will appear to user only when true NavigationLink(destination: level2()) {
Text("Next Level") } }
if you want to show link but don't allow to navigate until condition is true, then it is

NavigationLink(destination: level2()) {
Text("Next Level") }.disabled(score <= target)
if you want automatically navigate link when condition is true, then the possible variant is (but note - in such case you need manually manipulate back-forward navigation, or disallow back, etc.)

NavigationLink(destination: level2(), isActive: .constant(score > target)) {
Text("Next Level") }

alternate is to use explicit state for activation

The only problem with the second one is it will change the color to be gray — zdravko zdravkin, Dec 16 '20 at 11:44

score 2 · Answer 2 · answered Dec 16 '20 at 11:47

In case you want to keep the color and present some alert when you tap you can use below hack:

NavigationLink(destination: EmptyView()) {
                HStack {
                    Circle()
  }
}
            .contentShape(Rectangle())
            .onTapGesture {
                print("ALERT MAYBE")
            }

How to put a condition to NavigationLink? SWIFTUI

2 Answers2