如何为 NavigationLink 设置条件？ 斯威夫特

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）如果你想显示链接但在条件为真之前不允许导航，那么它是

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

3）如果您想在条件为真时自动导航链接，则可能的变体是（但请注意 - 在这种情况下，您需要手动操作后退导航，或禁止后退等）

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

• 另一种方法是使用显式状态进行激活

Answer 2

如果您想保持颜色并在点击时显示一些警报，您可以使用以下技巧：

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