我正在尝试在列表视图中显示顶级数组中的元素。数据模型的构造方式是,它是一个事件数组,然后在该数组中,存在一个与各个事件相关联的场所。
在主视图中,我知道如何通过索引显示单个事件的标题,但是我不确定如何使用ForEach列出所有不同的事件。
Passports.swift(数据模型)
import Foundation
import SwiftUI
struct Passport: Identifiable {
let id : Int
let passportPremium: Bool
let passportactive: Bool
let passportTitle: String
let passportDates: String
let venues: [Venue]
}
struct Venue: Identifiable {
let id = UUID()
let title : String
let venueArea: String
let venueItems: [venueItem]
}
struct venueItem {
let title: String
let productDescription: String
let productPrice: Double
let productType: String
let newStatus: Bool
let diningPlan: Bool
let kidFriendly: Bool
let vegetarian: Bool
let glutenFree: Bool
let featuredProduct: Bool
let containsAlcohol: Bool
}
extension Passport {
static func all() -> [Passport] {
return [
Passport (
id: 1001,passportPremium: false,passportactive: true,passportTitle : "Event 1",passportDates: "October 20 - November 3,2019",venues: [
Venue (
title: "Bavaria Holiday Kitchen",venueArea: "Germany Pavilion",venueItems: [
venueItem (
title: "Potato Dumpling",productDescription: "Potato Dumpling with Mushroom Sauce",productPrice: 0.00,productType: "Food",newStatus: false,diningPlan: false,kidFriendly: true,vegetarian: false,glutenFree: false,featuredProduct: false,containsAlcohol: false
)
] // End VenueItems
) // End Venue
] // End Venues
),Passport (
id: 1002,passportTitle : “Event 2“,venues: [
Venue (
title: "Bavaria Holiday Kitchen",venueItems: [
venueItem (
title: "Potato Dumpling",containsAlcohol: false
)
] // End VenueItems
) // End Venue
] // End Venues
)// End Individual Passport
] // End Return
}
}
PassportsView.swift
import SwiftUI
struct PassportsView: View {
var model = Passports.all()
var body: some View {
NavigationView {
ForEach(self.model) { item in
NavigationLink (destination: PassportDetails(passportTitle: item.passportTitle,venues: item.venues,venueProd: []) ) {
HStack {
VStack(alignment: .leading) {
Text(item.passport[0].passportTitle)
.fontWeight(.semibold)
.foregroundColor(Color.white)
Text(item.passport[0].passportDates)
.foregroundColor(Color.white)
}.frame(width: 400,height: 120)
.background(Color("wPurple"))
.cornerRadius(6)
}
}.padding(.horizontal)
}
}
}
}
struct PassportDetails: View {
var passportTitle: String
var venues: [Venue]
var venueProd: [venueItem]
var body: some View {
List {
ForEach(self.venues) { gc in
Section(header: Text(gc.title)) {
ForEach(gc.venueItems,id: \.title) { gi in
GeometryReader { geometry in
VStack(alignment: .leading) {
HStack {
Text(gi.title)
.frame(width: geometry.size.width / 1.5,alignment: .leading)
.fixedSize(horizontal: false,vertical: true)
.padding(.top,10)
Spacer()
Text("$\(gi.productPrice,specifier: "%.2f")")
.multilineTextAlignment(.trailing)
}.padding(.top,8)
HStack {
Text(gi.productDescription)
.font(.footnote)
.foregroundColor(Color.gray)
.frame(width: geometry.size.width / 1.5,alignment: .leading)
.fixedSize(horizontal: false,vertical: true)
.padding(.bottom,8)
Spacer()
}.padding(.bottom,8)
}
}.padding(.vertical)
}
}
}
}.listStyle(GroupedListStyle())
.navigationBarTitle(Text(passportTitle),displayMode: .inline)
}
}
因此很明显“ Text(item.passport [0] .passportTitle)”将显示数组中的第一项,但是我想在顶部数组中显示所有passportTitles和passportDates并将信息传递给使用NavigationLink的详细信息视图。