编辑TextField后删除绑定对象引发SwiftUI索引越界崩溃

问题现象 #

运行以下SwiftUI代码，在iOS模拟器中修改任意TextField内的文本后点击「Delete」按钮，会触发Swift/ContiguousArrayBuffer.swift:600: Fatal error: Index out of range错误；但如果不修改任何TextField，直接点击Delete，所有Note可以正常删除。

代码示例 #

import SwiftUI

struct Note: Identifiable {
    var id = UUID()
    var text = "Hello"
}

class Category: ObservableObject {
    @Published var notes = [Note(), Note(), Note()]
    
    func deleteAll() {
        notes.removeAll()
    }
}

struct TestViewThree: View {
    @StateObject var category = Category()
    
    var body: some View {
        List {
            ForEach($category.notes) { $note in
                TextField("", text: $note.text)
            }
            Button {
                category.deleteAll()
            } label: {
                Text("Delete")
            }

        }
    }
}

原因分析 #

这不是SwiftUI的bug，而是绑定机制导致的索引越界：

• 未编辑TextField时，SwiftUI对列表元素的绑定关联较弱，执行removeAll()后视图能同步更新，不会触发错误。
• 一旦编辑了TextField，SwiftUI会为该TextField建立更持久的绑定引用，当数组被清空后，TextField的绑定回调仍试图访问原数组的索引位置，但此时数组已经为空，直接导致索引越界崩溃。

解决方法 #

方案1：避免直接绑定数组元素，通过ID定位更新 #

修改ForEach的写法，通过Note的ID找到对应索引再绑定，避免直接持有数组元素的绑定：

List {
    ForEach(category.notes) { note in
        if let index = category.notes.firstIndex(where: { $0.id == note.id }) {
            TextField("", text: $category.notes[index].text)
        }
    }
    Button {
        category.deleteAll()
    } label: {
        Text("Delete")
    }
}

方案2：延迟删除操作，给视图更新留时间 #

在删除时通过DispatchQueue.main.async延迟执行，确保视图先完成绑定失效的更新：

class Category: ObservableObject {
    @Published var notes = [Note(), Note(), Note()]
    
    func deleteAll() {
        // 延迟执行删除，让视图先响应状态变化
        DispatchQueue.main.async {
            self.notes.removeAll()
        }
    }
}

方案3：通过ObservableObject方法更新文本（更优雅） #

在Category类中添加专门的更新方法，视图中通过绑定闭包调用该方法，彻底避免直接操作数组索引：

class Category: ObservableObject {
    @Published var notes = [Note(), Note(), Note()]
    
    func deleteAll() {
        notes.removeAll()
    }
    
    // 添加更新单个Note文本的方法
    func updateNoteText(for id: UUID, newText: String) {
        guard let index = notes.firstIndex(where: { $0.id == id }) else { return }
        notes[index].text = newText
    }
}

struct TestViewThree: View {
    @StateObject var category = Category()
    
    var body: some View {
        List {
            ForEach(category.notes) { note in
                TextField("", text: Binding(
                    get: { note.text },
                    set: { category.updateNoteText(for: note.id, newText: $0) }
                ))
            }
            Button {
                category.deleteAll()
            } label: {
                Text("Delete")
            }
        }
    }
}

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