SwiftUI：如何在macOS NavigationView中关闭视图

Question

如这里（一个关于iOS主题的问题）所详细说明的那样，下面的代码可以用来使SwiftUI View自行消失：

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

然而，这种方法无法用于原生（非Catalyst）macOS NavigationView设置（例如下面的设置），在此设置中，选定的视图会显示在List旁边。

理想情况下，当这些子视图中的任何一个使用上述内容时，列表将返回到未选择任何内容的状态（就像首次启动时一样）。然而，关闭函数似乎没有起作用：视图仍然完全相同。

这是一个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()
    }
}

提供信息：真正的意图是针对非直接情况（例如在任务完成后从警报触发）；这里的按钮设置只是为了简单起见。

- TheNeil

---

提到的话题是关于iOS的，以防万一。 - Asperi

好的，我知道了，谢谢。希望大多数SwiftUI功能在两个平台上都能正常工作，但这似乎不是其中之一。我记得看到评论说它在iPadOS分屏视图中也无法工作，但我没有第一手的证实。 - TheNeil

我现在已经在问题中明确了操作系统的差异。 - TheNeil

@TheNeil，有什么想法吗？同时在 MacOS 中该如何解决这个问题？ - mica

嗨@mica。很遗憾，没有看到任何答案涉及这个问题。老实说，我主要是通过使用更多的条件视图来解决它，并且避免使用导航视图，但这远非理想。 - TheNeil

Answer 1

这里的解决方案很简单。在需要关闭视图时不要使用导航视图。

请参考苹果提供的示例https://developer.apple.com/tutorials/swiftui/creating-a-macos-app。

如果您需要可关闭的视图，有两种方法：

1. 创建一个新的模态窗口(这更加复杂)。
2. 使用 sheet。

以下是在macOS中使用SwiftUI实现sheet的示例：

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中创建模态卡片，并通过动态数据更改透明度来显示和隐藏。

- NikzJon