SwiftUi - 导航视图 - 如何在 iPad 上显示两个视图

Question

我希望 iPad 在侧栏中显示我的第一个 view1 列表，并在旁边显示第二个视图，由 view1 中选择的任何内容填充。 然后，当从 view2 列表中选择某些内容时。 全屏转到第三个视图。

在我的简单示例中，加载时我只会看到一个带有“< Back”的空白屏幕。 单击时，我会看到一个带有 view1 的侧栏，但没有其他内容。

显然做错了什么。 感谢帮助。

我的例子：

struct firstView: View {

let myFirstArray = [
    "First",
    "Second",
    "Third"
]

var body: some View {
    NavigationView {
        List(myFirstArray, id: \.self) { value in
            NavigationLink (destination: SecondView()) {
                Text("FirstView \(value)")
            }
            .navigationBarTitle("First View", displayMode: .inline)
        }
      }
   }
}

struct SecondView: View {

  let mySecondArray = [
      "One",
      "Two",
      "Three"
  ]

  var body: some View {
    List (mySecondArray, id: \.self) { value in
      NavigationLink (destination: ThirdView()) {
         Text("Second View \(value)")
      }
    }
  }
}

 struct ThirdView: View {

  var body: some View {
    Text("Hello World")
  }
}

Answer 1

您需要为双列导航视图样式提供默认详细视图（您将其视为 iPad 的默认设置 - 纵向/横向方向的侧边栏可见性不同）

var body: some View {
    NavigationView {
        List(myFirstArray, id: \.self) { value in
            NavigationLink (destination: SecondView()) {
                Text("FirstView \(value)")
            }
            .navigationBarTitle("First View", displayMode: .inline)
        }
        SecondView()    // << here !!
      }
   }