SwiftUI中ForEach.onDelete动画正常但数据重置问题排查

问题根源 #

你的代码存在两个核心问题导致视图无法正确更新：

1. Model未实现响应式机制：你标记了@ObservedObject，但Model类既没有遵循ObservableObject协议，也没有用@Published修饰array属性——这意味着SwiftUI无法感知到array的变化，即使你修改了数组，视图也不会重新渲染。
2. ForEach使用indices作为id的风险：通过数组下标（indices）作为id时，删除元素后后续元素的下标会自动前移，SwiftUI的视图diffing机制会因为id重复，错误地复用旧视图，表现为删除动画后元素重新显示。

修正步骤 #

1. 让Model支持响应式更新

首先修改Model类，使其遵循ObservableObject，并用@Published标记数组属性，确保数组变化时能通知视图：

import Combine // 需导入Combine框架以使用@Published

class Model: ObservableObject {
    @Published var array: [Int] = []
}

2. 修正ForEach的遍历方式

如果数组内的Int值都是唯一的，直接遍历数组元素并以元素本身作为id：

struct ModelView: View {
    @ObservedObject var model: Model
    
    var body: some View {
        List {
            ForEach(model.array, id: \.self) { number in
                Text("\(number)")
            }
            .onDelete(perform: delete)
        }
    }
    
    func delete(at offsets: IndexSet) {
        model.array.remove(atOffsets: offsets)
    }
}

如果数组内可能存在重复的Int值，建议定义一个遵循Identifiable协议的元素类型，避免id冲突：

// 定义带唯一ID的元素类型
struct ListItem: Identifiable {
    let id = UUID()
    var value: Int
}

// 更新Model
class Model: ObservableObject {
    @Published var array: [ListItem] = []
}

// 更新视图
struct ModelView: View {
    @ObservedObject var model: Model
    
    var body: some View {
        List {
            // 因为ListItem遵循Identifiable，ForEach可以省略id参数
            ForEach(model.array) { item in
                Text("\(item.value)")
            }
            .onDelete(perform: delete)
        }
    }
    
    func delete(at offsets: IndexSet) {
        model.array.remove(atOffsets: offsets)
    }
}

原理说明 #

• ObservableObject+@Published是SwiftUI实现数据驱动视图的核心机制：当@Published修饰的属性变化时，会自动发送通知，触发视图重新计算body。
• 使用元素本身或Identifiable的id作为ForEach的标识，能让SwiftUI准确识别每个视图对应的数据源，删除元素时不会因为下标变化导致视图复用错误。

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