使用Swiftui在iPados应用程序中创建两个侧边栏

Question

我创建了一个带有NavigationView的侧边栏，默认情况下，该侧边栏是应用程序景观视图的左侧。但是我想在右侧有另一个。

NavigationView {
  List {
    Label("Pencil", systemImage: "pencil")
    Label("Paint", systemImage: "paintbrush.fill")
    Label("Erase", systemImage: "quote.opening")
      Label("Cutter", systemImage: "scissors")
      Label("Eyedropper", systemImage: "eyedropper.halffull")
      Label("Draw Line", systemImage: "line.diagonal")

  }
  .listStyle(SidebarListStyle())
}
    

Answer 1

这是一个简单的工作示例：

struct ContentView: View {
    var body: some View {
        NavigationView{
            
            TagView()
            
            Text("Default second View")
            Text("Default Third View")
        }
    }
}


struct TagView: View {
    let tags = ["Apple", "Google"]
    var body: some View {
        List{
            ForEach(tags, id: \.self) { name in
                NavigationLink {
                    ProductView(tag: name)
                } label: {
                    Text(name)
                }

            }
        }
    }
}


struct ProductView: View {
    var tag: String
    var products: [String] {
        if tag == "Apple" {
            return ["iPhone", "iPad", "MacBook"]
        } else {
            return ["resuable stuff"]
        }
    }
    var body: some View {
        List{
            ForEach(products, id: \.self) { name in
                NavigationLink {
                    DetailsView()
                } label: {
                    Text(name)
                }

            }
        }
    }
}


struct DetailsView: View {
    var body: some View {
        Text("Detailed explanation about product")
    }
}