将导航栏项目中 NavigationLink 的目标强制到辅助/详细视图

Question

我试图在 SwiftUI 中重现 UISplitViewController 的行为，特别是在 iPad 上。此 SwiftUI 代码的行为与我预期的不同：

struct ContentView: View {
    var body: some View {
        NavigationView {
            VStack {
                Text("Master")
            }.navigationBarItems(trailing: NavigationLink(destination: DetailView()) {
                Image(systemName: "plus")
            }).navigationBarTitle("Master List")
            Text("")
        }
    }
}

struct DetailView: View {
    var body: some View {
        Text("Detail")
    }
}

在 iPhone 设备上，它可以按预期工作。点击导航栏中的加号按钮会将DetailView 推送到导航堆栈，一切似乎都很好。

在 iPad 上，加号将详细视图推送到 master 视图中的导航堆栈上。即使我明确告诉它链接应该使用isDetailLink(true) 定位详细信息，它也会这样做。

错误还是我以错误的方式处理这个问题？

（这留下了一个次要问题，即如何避免评估目标View，直到它被点击。当目标视图接受参数（例如空模型）并创建该模型时，这是可取的效果（例如，将对象插入托管对象上下文）。This blog 很好地解释了这种情况。）

Answer 1

请注意，在大尺寸 iPhone 上，横向 (https://stackoverflow.com/a/57345540/7786555) 会出现同样的问题

isDetailLink(true) 应该可以工作（在我看来）。这可能是影响导航栏的错误。我已经看到了很多奇怪的行为。似乎您在导航栏中输入的任何内容都会丢失某种上下文。

到目前为止，我发现的解决方法是使用导航栏的操作来触发“主”视图中的某些内容。在这种情况下， NavigationLink 现在位于主视图中（虽然不可见）。注意我是放在.background()里面的，所以不会影响其他视图的布局。

struct ContentView: View {
    @State private var push = false

    var body: some View {
        NavigationView {

            VStack {
                Text("Master")
                    .background(NavigationLink(destination: DetailView(), isActive: $push) { EmptyView() })
            }.navigationBarItems(trailing:
                Button(action: { self.push = true }, label: {
                    Image(systemName: "plus")
                })
            ).navigationBarTitle("Master List")

            Text("")
        }
    }
}

struct DetailView: View {
    var body: some View {
        Text("Detail")
    }
}

最后，请注意 NavigationLink 中的一个错误也会影响您。幸运的是，也有一个解决方法：SwiftUI: NavigationDestinationLink deprecated

Answer 2

NavigationLink 需要在 List 内，试试这个：

import SwiftUI

struct ContentView: View {
    var body: some View {
        NavigationView {
            List {
                NavigationLink(destination: DetailView()){
                    Text("Show Detail")
                }
            }.navigationBarTitle("Master")
        }
    }
}

struct DetailView: View {
    var body: some View {
        Text("Detail Label").navigationBarTitle("Detail")
    }
}