SwiftUI：在 macOS 下具有编程选择的 NavigationView/List

Question

我有一个 NavigationView/List 组合，可以进行编程选择。基本概念与此处描述的类似：https://www.hackingwithswift.com/quick-start/swiftui/how-to-use-programmatic-navigation-in-swiftui

有这么多东西，这在 iOS 上运行良好，但在 macOS 上存在一个问题：NavigationView 中的 EmptyView 在选择项目后立即变得可见：

有人知道如何删除这个不需要的 EmptyView() 吗？

这是一个演示项目：

struct ContentView: View {
    @ObservedObject private var state = State()

    var body: some View {
        NavigationView {
            VStack {
                List(state.items, id: \.self, selection: $state.selected) { item in
                    Text(item)
                        .buttonStyle(.borderless)
                }

                // navigation to the detail view if an item is selected
                if let selected = state.selected {
                    NavigationLink(
                        destination: Text(selected),
                        isActive: state.hasSelectionBinding
                    ) {
                        EmptyView()
                    }
                }
            }
        }
    }
}

class State: ObservableObject {
    @Published var items: [String] = ["Item 1", "Item 2", "Item 3"]
    @Published var selected: String?

    var hasSelectionBinding: Binding<Bool> {
        Binding(
            get: { self.selected != nil },
            set: {
                if $0 == false {
                    self.selected = nil
                }
            }
        )
    }
}

编辑 1：我尝试将 NavigationLink 放入堆栈上的背景修饰符，但现在“空视图”出现在“项目 3”旁边：

    var body: some View {
        NavigationView {
            VStack {
                List(state.items, id: \.self, selection: $state.selected) { item in
                    Text(item)
                        .buttonStyle(.borderless)
                }
                
            }
            .background(Group {
                // navigation to the detail view if an item is selected
                if let selected = state.selected {
                    NavigationLink(
                        destination: Text(selected),
                        isActive: state.hasSelectionBinding
                    ) {
                        EmptyView()
                    }
                }
                
            })
        }
    }

Answer 1

您可以在您的第一个 ContentView 代码中尝试此解决方法：

NavigationLink("",                // <--- here
    destination: Text(selected),
    isActive: state.hasSelectionBinding
).position(x: 9999, y: 9999)     // <--- here

不需要EmptyView()。 注意，我建议你重命名你的 State 模型，因为 SwiftUI 已经有一个 State 结构。