如何为每个设备创建另一个唯一的视图?

Question

如何在用户选择设备时创建另一个视图?对于每个设备，视图将不相同，因为给出的信息将不相同(自定义视图)谢谢你让我走上正轨。

帆布形象

struct ContentView: View {
var body: some View {
NavigationView {
List(Ios, children: .sousMenuIos) { item in
HStack {
Image(item.image)
.resizable()
.scaledToFit()
.frame(width: 60, height: 60)
Text(item.name)
.font(.system(.title3, design: .rounded))
.bold()
}
}
.navigationTitle("Jailbreak")
}
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()

Answer 1

您需要在NavigationLink中包装列表标签，并将项目传递给所需的服饰视图。下面是一个使用虚拟数据的工作示例。

struct ListItems: View {
var body: some View {
NavigationView {
List(iOS.previewData) { item in
NavigationLink(destination: CostumView(text: item.name)){
HStack {
Image(systemName: item.image)
.resizable()
.scaledToFit()
.frame(width: 60, height: 60)
Text(item.name)
.font(.system(.title3, design: .rounded))
.bold()
}
}
}
.navigationTitle("Jailbreak")
}
}
}
struct CostumView: View {
var text: String
var body: some View{
Text(text)
}
}
struct ListItems_Previews: PreviewProvider {
static var previews: some View {
ListItems()
}
}
struct iOS: Identifiable {
var id = UUID()
var image: String = ""
var name: String

static let previewData = [
iOS(image: "phone", name: "iPhone 8"),
iOS(image: "phone", name: "iPhone X")
]
}