SwiftUI:在macOS NavigationView中删除视图

Question

正如这里（在一个iOS主题上）所详述的，以下代码可用于使SwiftUI 自动关闭:

@Environment(\.presentationMode) var presentationMode
// ...
presentationMode.wrappedValue.dismiss()

但是，这种方法不适用于本机（不是Catalyst）macOS 设置（如下面所示），其中所选视图显示在 旁边。

理想情况下，当这些子视图中的任何一个使用上面的内容时，列表将返回到没有选择任何内容（就像它第一次启动时一样）；然而，dismiss函数似乎什么也不做:视图保持完全相同。

这是一个bug，还是macOS的预期行为？

是否有另一种方法可以取而代之？

struct HelpView: View {

    var body: some View {

        NavigationView {
            List {
                NavigationLink(destination:
                    AboutAppView()
                ) {
                    Text("About this App")
                }
                NavigationLink(destination:
                    Text("Here’s a User Guide")
                ) {
                    Text("User Guide")
                }
            }
        }
    }
}

struct AboutAppView: View {

    @Environment(\.presentationMode) var presentationMode

    public var body: some View {
        Button(action: {
            self.dismissSelf()
        }) {
            Text("Dismiss Me!")
        }
    }

    private func dismissSelf() {
        presentationMode.wrappedValue.dismiss()
    }
}

供参考:真正的目的是用于不太直接的场景（例如在任务完成时从 触发）；这里的按钮设置只是为了简单。

Answer 1

这里的解决方法很简单。不要在需要删除视图的地方使用导航视图。

请查看Apple https://developer.Apple.com/tutorials/swiftui/creating-a-macos-app提供的示例

如果你需要可视化的视图，有两种方式。

下面是macOS中SwiftUI的表的含义

struct HelpView: View {
    @State private var showModal = false
    var body: some View {
        NavigationView {
            List {
                NavigationLink(destination:
                    VStack {
                        Button("About"){ self.showModal.toggle() }
                        Text("Here’s a User Guide")
                    }
                ) {
                    Text("User Guide")
                }
            }
        }
        .sheet(isPresented: $showModal) {
            AboutAppView(showModal: self.$showModal)
        }
    }
}

struct AboutAppView: View {
    @Binding var showModal: Bool
    public var body: some View {
        Button(action: {
            self.showModal.toggle()
        }) {
            Text("Dismiss Me!")
        }
    }
}

还有第三个选项是使用ZStack在RootView中创建一个模态卡，并将不透明度更改为用动态数据显示和隐藏。