SwiftUI:在 macOS NavigationView 中关闭视图

Question

正如这里(关于 iOS 主题(所详述的，以下代码可用于使 SwiftUIView自行关闭：

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

但是，此方法不适用于本机(不是 Catalyst(macOSNavigationView设置(如下所示(，其中所选视图显示在List旁边。

理想情况下，当这些子视图中的任何一个使用上述内容时，列表将恢复为未选择任何内容(就像它首次启动时一样(;但是，dismiss函数似乎什么都不做：视图保持不变。

这是一个错误，还是预期的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()
}
}

仅供参考：真正的意图是不太直接的场景(例如在完成任务时从Alert触发(;这里的按钮设置只是为了简单起见。

Answer 1

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

检查苹果给出的例子 https://developer.apple.com/tutorials/swiftui/creating-a-macos-app

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

1. 创建一个新的模态窗口(这更复杂(
2. 使用工作表。

以下是 macOS 中带有 SwiftUI 的 implimenation

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