如何為 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")
            }