SwiftUI视图中如何以HashMap风格遍历数据并动态展示内容

问题分析 #

你的代码存在两个核心问题导致ViewBuilder报错：

1. 字典键值对遍历顺序错误：你定义的someProtocol是[SurveyItems : [Surveys]]类型，即Key是分组模型SurveyItems，Value是该分组下的调研数组[Surveys]，但你遍历的时候写反了(Surveys, SurveyItems)，导致后续调用Surveys.sectionTitle完全错误（数组没有该属性）。
2. SwiftUI不支持普通for循环：ViewBuilder只能识别符合View协议的结构体，普通的for...in是控制流语句，无法直接在ViewBuilder中生成动态视图，必须使用ForEach组件。

优化数据构建代码（可选但推荐） #

原代码中每次遍历surveys都给someProtocol[a]赋值，效率较低，可以优化为过滤+赋值的方式：

// 初始化分组字典
var someProtocol = [SurveyItems: [Surveys]]()

sectionLabels.forEach { section in
    // 直接过滤出当前分组下的所有调研
    let groupSurveys = surveys.filter { $0.group_survey == section.groupHeader }
    someProtocol[section] = groupSurveys
}

// 更简洁的reduce写法（二选一即可）
// let someProtocol = sectionLabels.reduce(into: [SurveyItems: [Surveys]]()) { result, section in
//     result[section] = surveys.filter { $0.group_survey == section.groupHeader }
// }

正确的视图渲染代码 #

假设SurveyItems和Surveys都遵守Hashable协议（如果没遵守，需要给模型添加Hashable实现，或者指定唯一id），正确的写法如下：

var body: some View {
    VStack(alignment: .leading, spacing: 8) {
        // 遍历所有分组（可根据需求排序）
        ForEach(someProtocol.keys.sorted(by: { $0.sectionTitle < $1.sectionTitle }), id: \.self) { section in
            // 分组标题
            Text(section.sectionTitle)
                .font(.headline)
                .padding(.top, 4)
            
            // 遍历当前分组下的所有调研
            ForEach(someProtocol[section] ?? [], id: \.self) { survey in
                Text(survey.label)
                    .padding(.leading, 16) // 缩进子项，提升可读性
            }
        }
        .padding()
    }
}

补充说明 #

如果Surveys没有遵守Hashable，可以用模型的唯一标识属性替代\.self，比如模型有id属性：

ForEach(someProtocol[section] ?? [], id: \.id) { survey in
    Text(survey.label)
        .padding(.leading, 16)
}

内容的提问来源于stack exchange，提问作者Carole Malonda