SwiftUI中ForEach绑定数组元素删除报Index out of range错误如何解决？

崩溃原因 #

直接使用ForEach(array.indices)的默认构造器时，SwiftUI将索引视为静态唯一标识，不会随数组内容变更刷新索引映射；再加上闭包捕获的是创建视图时的旧索引值，删除元素后数组长度缩短，旧索引超出新数组的合法范围就会触发越界崩溃。

最优解决方案（推荐） #

你的Todo已经实现了Identifiable协议，可以直接遍历数组的绑定，通过元素ID做唯一标识，完全避免依赖索引：

ForEach($todoViewModel.todos) { $todo in
    TextField("Test", text: $todo.title)
        .contextMenu {
            Button(role: .destructive) {
                guard let index = todoViewModel.todos.firstIndex(where: { $0.id == todo.id }) else { return }
                todoViewModel.deleteAt(index)
            } label: {
                Label("Delete", systemImage: "trash")
            }
        }
}

这个方案的优势是ForEach完全通过元素ID定位，不受索引变化影响，即使快速增删、排序元素也不会出现越界问题。

兼容低版本的解决方案 #

如果需要适配iOS 13/14等不支持直接遍历绑定数组的版本，可以给ForEach显式指定id: \.self，告知SwiftUI索引是动态变化的，需要随数组更新：

ForEach(todoViewModel.todos.indices, id: \.self) { index in
    TextField("Test", text: self.$todoViewModel.todos[index].title)
        .contextMenu {
            Button(role: .destructive) {
                todoViewModel.deleteAt(index)
            } label: {
                Label("Delete", systemImage: "trash")
            }
        }
}

注意这个方案在快速连续删除多个元素时仍有小概率出现索引不匹配的问题，仅作为兼容场景使用。

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