如何为 NavigationLink 设置条件？ SWIFTUI 界面

Question

我想为 NavigationLink 添加条件。

我有两个变量，以及如下所示的 NavigationLink。

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

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

如果分数大于目标，有没有办法让用户进入下一个级别？

谢谢。

Answer 1

嗯，你的问题可以有不同的解释...

1) 如果你不想显示下一步的能力，直到分数完全大于目标，那么它是

if score > target { // link will appear to user only when true
  NavigationLink(destination: level2()) {     
    Text("Next Level")
  }
}

2) 如果你想显示 link 但在条件为真之前不允许导航，那么它是

  NavigationLink(destination: level2()) {     
    Text("Next Level")
  }.disabled(score <= target)

3) 如果您想在条件为真时自动导航 link，则可能的变体是 ( 但请注意 - 在这种情况下，您需要手动操作后退导航，或不允许返回等等)

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

备选方案是使用显式状态进行激活

Answer 2

如果你想保持颜色并在点击时显示一些提示，你可以使用下面的技巧：

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

如何为 NavigationLink 设置条件？ SWIFTUI 界面

How to put a condition to NavigationLink? SWIFTUI

navigation

swiftui

navigationlink