在 SwiftUI 视图中禁用用户交互而不更改其外观

Question

我有一个允许用户交互的自定义​​视图 InteractiveView。我想在概述页面（在 NavigationLink 内）上显示该视图的缩略图，以便用户可以点击它来导航到全屏视图。

因此，我需要 InteractiveView 在显示为缩略图时处于非交互式（即禁用）状态。我的实现如下：

NavigationLink {
    InteractiveView(viewModel)
} label: {
    InteractiveView(viewModel)
        .disabled(true)
}

这按预期工作（即点击视图不会与视图交互，而是执行导航到全屏交互式视图）。

但是，disabled(true) 修饰符还会更改 InteractiveView 的外观：其所有子视图都淡出，即它们的不透明度降低并且呈现半透明。我知道这通常是我想要的，因为它向用户发出信号，表明该视图已禁用并且我无法与其交互。但就我而言，用户可以与其交互，因为他们可以点击它以显示全屏视图。

问题：

• 如何禁用InteractiveView，同时保持其原始外观（没有淡出效果）？

• 或者：是否有更好的方法来禁用视图中的所有控件而不改变其外观？

---

更新（附加信息）

此问题的许多答案建议在上面的代码中使用 .allowsHitTesting(false) 而不是 .disabled(true) 进行命中测试。这确实在导航方面有效，但它违反了问题中指定的另一个要求：即“不改变其外观”部分。

为什么命中测试不起作用

NavigationLink 总是将其 label 视图的前景色更改为蓝色，从而修改 label 视图的外观。我通过在 NavigationLink 上使用 PlainButtonStyle 解决了这个问题：

NavigationLink {
    InteractiveView(viewModel)
} label: {
    InteractiveView(viewModel)
        .allowsHitTesting(false)
}
.buttonStyle(PlainButtonStyle()) // prevent change of foreground color

使用此按钮样式，当我添加 .allowsHitTesting(false) 时，导航链接会中断> 修饰符：导航链接的内容视图不再拦截触摸，但导航链接本身也不会接收（或处理）这些触摸。这就是问题所在：

我需要正确（正常）的导航链接行为，而不需要突出显示典型的导航链接。

Answer 1

看起来 allowsHitTesting 就是您可能想要的。

https://stackoverflow.com/a/58912816/1066424

Answer 2

        NavigationLink {
            InteractiveView()
        } label: {
            InteractiveView()
                .allowsHitTesting(false)
        }