NavigationView SwiftUI 在 iPad 中显示拆分视图答案

【问题标题】：NavigationView SwiftUI shows split view in iPadNavigationView SwiftUI 在 iPad 中显示拆分视图
【发布时间】：2020-06-28 15:21:39
【问题描述】：

NavigationView 是 UIHostingController 的根，下面的代码显示了 iPad 的拆分视图。

struct ContentView: View {
    var body: some View {
        
        NavigationView {
            Text("Hello")
                .navigationBarTitle("Home")
        }
    }
}

使用上面的代码，它可以在 iPad 上显示拆分视图。我如何仍然使用 NavigationView 并摆脱 iPad 的拆分视图，因为我希望有一个 List 并点击它应该推送另一个视图？

【问题讨论】：

标签： swift swiftui navigationview

【解决方案1】：

显式使用堆栈导航视图样式（默认情况下它依赖于平台）

NavigationView {
   Text("Hello")
       .navigationBarTitle("Home")
}
.navigationViewStyle(StackNavigationViewStyle())

【讨论】：

效果很好！请注意：.navigationViewStyle 修饰符必须直接附加到NavigationView，如下所示。我最初将它附加到我的内心视图中，但它不起作用。
花了我一段时间才找到这个。漂亮。

【解决方案2】：

这对我没有用，也没有在使用 IOS 14.2 的 iPad 上使用任何其他 NavigationStyle。根视图总是这样。

    var body: some View {
    NavigationView {
        VStack {
            List {
                ForEach(self.ideas) { Idea in
                    IdeaListRow(idea: Idea)
                }
                .onDelete { (indexSet) in
                    let ideaToDelete = self.ideas[indexSet.first!]
                    self.managedObjectContext.delete(ideaToDelete)
                    
                    do {
                        try self.managedObjectContext.save()
                    } catch {
                        print(error)
                    }
                }
            }
            .navigationViewStyle(DoubleColumnNavigationViewStyle())
            .navigationBarTitle(Text("Idea List"))
            .listStyle(GroupedListStyle())
            .navigationBarItems(leading:
                                    NavigationLink(destination: AddView()) {
                                        Text("Add")
                                    } , trailing: EditButton())
        }
    }
}

【讨论】：