SwiftUI macOS应用：编辑TextField时删除List全部项崩溃的解决方法

问题描述 #

搭建的macOS SwiftUI桌面应用中，当用户光标处于某个TextField内时，调用items.removeAll()清空数组会触发崩溃，错误信息为：Swift/ContiguousArrayBuffer.swift:600: Fatal error: Index out of range。尝试过两种ForEach遍历方式（索引遍历、绑定数组遍历），问题依然存在。

崩溃原因 #

当TextField处于激活状态（光标在其中）时，SwiftUI会维持对该输入框绑定元素的引用。此时直接清空数组，原数组元素被销毁，但TextField的绑定逻辑仍会尝试访问原数组的索引或已释放的元素，导致索引越界错误。

解决方法 #

核心思路是在清空数组前先取消TextField的焦点状态，切断绑定对原元素的引用，再执行清空操作。推荐两种实现方式：

方式1：使用SwiftUI原生FocusState管理焦点 #

通过FocusState跟踪当前激活的TextField，清空数组前先重置焦点：

修改后的完整代码：

import SwiftUI

struct Item: Identifiable {
    var text: String
    let id: UUID
    
    init(text: String) {
        self.text = text
        self.id = UUID()
    }
}

struct ItemView: View {
    @Binding var item: Item
    var focusBinding: FocusState<UUID?>.Binding
    
    var body: some View {
        TextField("", text: $item.text)
            .focused(focusBinding, equals: item.id)
    }
}

struct ContentView: View {
    @State var items: [Item] = [Item(text: "First"),
                                 Item(text: "Second"),
                                 Item(text: "Third")]
    @FocusState private var focusedItemID: UUID?

    var body: some View {
        VStack {
            HStack {
                Button(action: {
                    // 先取消所有TextField的焦点
                    focusedItemID = nil
                    // 再清空数组
                    items.removeAll()
                }, label: {
                    Text("Delete all")
                })
            }
            
            List {
                ForEach($items) { $item in
                    ItemView(item: $item, focusBinding: $focusedItemID)
                }
            }
        }
    }
}

方式2：强制取消全局第一响应者 #

如果不需要精细管理焦点，可直接调用AppKit的API强制取消所有输入框的激活状态：

修改按钮动作代码：

Button(action: {
    // 强制取消当前第一响应者（光标所在的TextField）
    NSApplication.shared.resignFirstResponder()
    // 延迟清空数组，确保焦点取消操作完成
    DispatchQueue.main.async {
        items.removeAll()
    }
}, label: {
    Text("Delete all")
})

注意事项 #

• 使用FocusState的方式更符合SwiftUI的声明式编程范式，推荐优先采用。
• 第二种方式中的DispatchQueue.main.async是为了确保焦点取消操作先于数组清空执行，避免极端情况下的竞态问题。

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