SwiftUI iOS应用TextField键盘卡顿原因及解决方法咨询

键盘卡顿的核心原因是每次TextField输入触发View刷新时，List都会重新处理70000条数据的布局计算，占用主线程资源，直接阻塞了键盘输入的响应。

具体细节：

• dictionaryStrings作为@State属性，每次View状态（比如searchViewModel.text变化）触发body重建时，即便数组内容没改变，SwiftUI也会重新生成List的视图结构，对70000条数据做遍历和布局计算——这个过程在主线程执行，完全挤占了键盘输入的响应资源。
• 你之前尝试的防抖、子线程过滤操作无效，因为卡顿根本不是过滤逻辑导致的，而是View刷新时List的重渲染开销。

1. 将字典数组移到ViewModel中存储 #

把dictionaryStrings从View的@State属性迁移到SearchViewModel里，借助@StateObject的生命周期稳定性，避免每次body重建都重复处理数组：

class SearchViewModel: ObservableObject {
    @Published var text = ""
    // 字典数组仅初始化一次，后续不会重复创建
    let dictionaryStrings: [String]
    
    init() {
        let strings = readFileIntoStringArray(fileName: "dictionaryFile").sorted()
        self.dictionaryStrings = strings
    }
}

struct SearchView: View {
    @Environment(\.colorScheme) var colorScheme
    @StateObject private var searchViewModel = SearchViewModel()

    var body: some View {
        VStack() {
            Spacer()
            List(searchViewModel.dictionaryStrings, id: \.self) { dictionaryLine in
                Text(dictionaryLine)
            }
            .listStyle(.plain)
            .scrollDismissesKeyboard(.interactively)
            
            // TextField代码保持不变
            let borderColor = colorScheme == .dark ? Color.white : Color.black
            TextField("Search Spanish or English", text: $searchViewModel.text)
                .padding()
                .overlay(RoundedRectangle(cornerRadius: 10.0).strokeBorder(borderColor, style: StrokeStyle(lineWidth: 1.5)))
                .padding()
                .onReceive(searchViewModel.$text.debounce(for: .milliseconds(800), scheduler: DispatchQueue.main)) {_ in
                    // 已移除所有操作
                }
                .modifier(TextFieldClearButton(text: $searchViewModel.text))
        }
    }
}

2. 优化List的标识（可选但推荐） #

如果字典中存在重复字符串，id: \.self会导致SwiftUI无法准确识别列表项，建议给每个条目添加唯一ID并实现Identifiable协议：

struct DictionaryEntry: Identifiable {
    let id = UUID()
    let content: String
}

class SearchViewModel: ObservableObject {
    @Published var text = ""
    let dictionaryEntries: [DictionaryEntry]
    
    init() {
        let strings = readFileIntoStringArray(fileName: "dictionaryFile").sorted()
        self.dictionaryEntries = strings.map { DictionaryEntry(content: $0) }
    }
}

// List使用方式修改为
List(searchViewModel.dictionaryEntries) { entry in
    Text(entry.content)
}

3. 异步加载文件（优化启动体验） #

把文件读取和排序操作放到后台线程，避免启动时阻塞主线程：

class SearchViewModel: ObservableObject {
    @Published var text = ""
    @Published var dictionaryEntries: [DictionaryEntry] = []
    
    init() {
        DispatchQueue.global(qos: .background).async {
            let strings = readFileIntoStringArray(fileName: "dictionaryFile").sorted()
            let entries = strings.map { DictionaryEntry(content: $0) }
            DispatchQueue.main.async {
                self.dictionaryEntries = entries
            }
        }
    }
}

修改后，每次TextField输入触发View刷新时，List会复用已有视图结构，不再重复遍历70000条数据做布局计算，键盘输入响应即可恢复正常。

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