SwiftUI中移动数组元素Binding丢失致崩溃及数组过滤更新问题

崩溃原因 #

你的崩溃根源在于多数据源同步不一致导致的Binding失效：

• City模型同时维护events、unorganizedEvents、organizedEvents三个数组，后两个是从events派生的计算结果
• 当给未组织事件设置日期时，events数组更新触发didSet，重新计算后原事件被移出unorganizedEvents数组
• 但此时EventView仍持有该事件的旧Binding（来自$city.unorganizedEvents的遍历），设置时间时，这个Binding指向的元素已不存在，SwiftUI尝试更新时就会触发数组越界错误

简言之：事件从未组织数组移走后，旧Binding已失效，操作失效Binding会导致索引找不到对应元素。

单一数组方案的实现（解决编辑中的问题） #

改成单一events数组后，要实现过滤+维持Binding的效果，可通过基于ID查找原数组元素的方式实现，具体代码如下：

过滤未组织事件的View实现 #

struct CityListView: View {
    @Binding var city: City
    
    // 实时过滤未组织事件（date为nil）
    private var unorganizedEvents: [Event] {
        city.events.filter { $0.date == nil }
    }
    
    var body: some View {
        VStack(alignment: .leading, spacing: 0) {
            LazyVStack(spacing: 0) {
                // 遍历过滤后的事件，通过ID从原数组获取有效Binding
                ForEach(unorganizedEvents, id: \.id) { event in
                    if let index = city.events.firstIndex(where: { $0.id == event.id }) {
                        EventView(event: $city.events[index])
                    }
                }
            }
        }
    }
}

已组织事件的分组展示 #

同样基于events数组实时分组计算，无需维护额外数组：

struct OrganizedEventsView: View {
    @Binding var city: City
    
    // 实时按日期分组生成Day结构
    private var organizedDays: [Day] {
        let organizedEvents = city.events.filter { $0.date != nil }
        guard !organizedEvents.isEmpty else { return [] }
        
        // 按日期分组事件
        let grouped = Dictionary(grouping: organizedEvents, by: { $0.date! })
        // 转换为Day数组并排序
        return grouped.map { date, events in
            let sortedEvents = events.sorted { ($0.timeStart ?? "24:59:59") < ($1.timeStart ?? "24:59:59") }
            return Day(date: date, events: sortedEvents)
        }.sorted { $0.date < $1.date }
    }
    
    var body: some View {
        ForEach(organizedDays, id: \.date) { day in
            VStack(alignment: .leading, spacing: 0) {
                Text(day.date.toDayDate() ?? "")
                
                LazyVStack {
                    ForEach(day.events, id: \.id) { event in
                        if let index = city.events.firstIndex(where: { $0.id == event.id }) {
                            EventView(event: $city.events[index])
                        }
                    }
                }
            }
        }
    }
}

核心思路 #

• 只维护单一数据源city.events，所有分组、过滤通过计算属性实时生成，彻底避免多数据源同步问题
• 通过事件唯一ID从原数组获取对应Binding，确保无论事件状态如何变化，Binding始终指向有效元素
• 计算属性会随city.events的更新自动刷新，保证UI与数据的一致性

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