SwiftUI中用ForEach在Form展示字典键值并修改值的问题

原代码中的问题分析 #

• 字典方案：SwiftUI无法可靠跟踪字典值的绑定（$wordLikeness[key]），遍历字典键时视图更新逻辑不稳定，易触发崩溃。
• 双数组方案：使用0...words.count闭区间会导致索引越界（比如数组为空时访问words[0]），手动维护两个数组同步极易出错，还存在变量名笔误（word[i]应为words[i]）。
• 结构体方案：Likenesses未遵循Identifiable协议，用id: \.self会因值类型变化导致视图异常；同时无法直接绑定$s.likeness，因为ForEach提供的是结构体副本而非可修改绑定。

修复后的实现方案 #

推荐使用可识别结构体+绑定数组元素的方式，这是SwiftUI处理动态列表最稳定的模式：

// 让结构体遵循Identifiable，简化ForEach的ID处理
struct Likeness: Identifiable {
    let id = UUID()
    let word: String
    var value: Int = 0
}

struct ContentView: View {
    // 用@State数组统一管理单词和关联数值
    @State private var wordLikenesses: [Likeness] = [
        Likeness(word: "Apple"),
        Likeness(word: "Banana"),
        Likeness(word: "Cherry")
    ]
    
    var body: some View {
        Form {
            Section("单词偏好设置") {
                // 直接绑定数组元素，支持修改结构体的可变属性
                ForEach($wordLikenesses) { $item in
                    Stepper("\(item.word): \(item.value)", value: $item.value, in: 0...8, step: 1)
                }
            }
            
            // 可选：展示当前所有设置结果
            Section("当前设置结果") {
                ForEach(wordLikenesses) { item in
                    Text("\(item.word) -> 数值：\(item.value)")
                }
            }
        }
    }
}

关键改进点 #

• 结构体Likeness遵循Identifiable协议，自动生成唯一ID，无需手动指定id。
• 用ForEach($wordLikenesses)直接获取数组元素的绑定，可直接修改结构体的可变属性value。
• 单个数组统一管理数据，避免多结构同步的错误。

扩展：支持用户添加新单词 #

若需要用户自定义添加单词，可在视图中加入输入框和按钮：

// 在ContentView中新增状态变量
@State private var newWord = ""

// 在Form中添加新的Section
Section("添加新单词") {
    HStack {
        TextField("输入单词", text: $newWord)
        Button("添加") {
            guard !newWord.isEmpty else { return }
            wordLikenesses.append(Likeness(word: newWord))
            newWord = ""
        }
    }
}

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