SwiftUI 列表未显示所有项目

Question

我正在尝试在 iOS 中显示横向滚动列表的列表。 一些列表显示但其他列表不显示，即使它们都有数据。 我放置了一个调试点，看到每个部分都调用了带有EventItemView的ForEach 。 我不确定我做错了什么。

事件屏幕

struct EventScreen: View {

    @State
    var currentPage: Int = 0

    var viewControllers =
        IncentiveSource().getFeaturedIncentives().map({ incentive in
            UIHostingController(rootView: EventFeatureView(event: incentive.toEvent()))
        })

    var response: [EventSection] = IncentiveSource().getIncentives().sections.toEventSections()


    var body: some View {
            NavigationView {
                List {
                    EventViewController(controllers: self.viewControllers, currentPage: self.$currentPage)
                        .listRowInsets(EdgeInsets())
                        .frame(height: 600)
                    ForEach(self.response) { section in
                        EventSectionView(eventSection: section)
                    }
                }
                .navigationBarTitle(Text("Events").foregroundColor(Color.black), displayMode: .inline)
            }


    }
}

事件部分视图

struct EventSectionView: View {

    var eventSection: EventSection

    var body: some View {
        VStack(alignment: .leading) {
            SectionTextView(text: eventSection.category.typeName())
                .frame(alignment: .leading)
            ScrollView(.horizontal, showsIndicators: true) {
                HStack(alignment: .top, spacing: 0) {
                    ForEach(self.eventSection.events) { event in
                        EventItemView(event: event)
                    }
                }
            }
        }
    }
}

struct SectionTextView: View {
    var text: String
    var body: some View {
        return Text(text)
        .bold()
            .font(.system(size: 18, weight: .heavy))
            .foregroundColor(Color(ColorTheme.brandBlue.value))
            .padding(.bottom, 4)
    }
}

事件项视图

struct EventItemView: View {
    var event: Event
    var body: some View {
        VStack {
            Color.red
                .frame(width: 100, height: 100, alignment: .center)
                .cornerRadius(5)
            Text(event.title)
            .bold()
                .frame(width: 100, alignment: .leading)
                .foregroundColor(.white)
                .font(.system(size: 10))
            Text(event.date)
                .frame(width: 100, alignment: .leading)
                .foregroundColor(.white)
                .font(.system(size: 10))
        }
        .padding(.trailing, 8)
    }
}

Answer 1

它需要使EventSectionView中的每个水平滚动条都是唯一的，如下所示

struct EventSectionView: View {

    var eventSection: EventSection

    var body: some View {
        VStack(alignment: .leading) {
            SectionTextView(text: eventSection.category.typeName())
                .frame(alignment: .leading)
            ScrollView(.horizontal, showsIndicators: true) {
                HStack(alignment: .top, spacing: 0) {
                    ForEach(self.eventSection.events) { event in
                        EventItemView(event: event)
                    }
                }
            }.id(UUID().uuidString() // << unique
        }
    }
}