如何在 SwiftUI 中正确呈现弹出视图（而不是作为工作表）？

Question

我想在我的 iOS 应用中显示一个弹出式滑块。我目前正在使用这样的叠加层：

.overlay(
    HStack {
        if isEditingValue {
            Slider(value: $valueToEdit)
                .offset(y: 90)
        }
    }
)

问题是.overlay 视图之后的任何内容都将绘制在滑块顶部，该滑块已用.offset 向下移动，以免掩盖要编辑的值。

如何让弹出滑块显示在所有其他内容之上，并与它将编辑的视图正确相关？当弹出滑块可见时，我目前将所有内容隐藏在要编辑的值下方，这不是最佳选择。

Answer 1

在一个视图层次结构中，这可以通过zIndex 解决，例如

TargetView()
.overlay(
    HStack {
        if isEditingValue {
            Slider(value: $valueToEdit)
                .offset(y: 90)
        }
    }
)
.zIndex(1) // default is 0, so others will be below
//.zIndex(isEditingValue ? 1 : 0)    // as variant

// ... other sibling views

如果视图层次结构复杂，则带有滑块的视图可能会与来自不同视图层次结构的视图重叠，这种情况仅靠布局修饰符无法解决，需要在应用 UI 设计的全局级别解决。