SwiftUI中TextEditor的autocorrectionDisabled绑定@State后不更新问题

现象确认 #

在iOS 15物理设备上，SwiftUI的TextEditor使用.autocorrectionDisabled()时：

• 直接传入布尔常量（如true/false），自动更正功能符合预期；
• 绑定@State布尔变量后，仅初始值生效，后续变量变更无法改变自动更正行为，即使打印显示变量已成功更新。

极简复现代码：

struct ContentView: View {
    @State var input = ""
    @State var autocorrectionDisabled = true

    var body: some View {
        VStack {
            TextEditor(text: $input)
                .autocorrectionDisabled(autocorrectionDisabled)
                .font(.headline)
         
            Button("Toggle Autocorrection") {
                autocorrectionDisabled.toggle()
                print("autocorrectionDisabled: \(autocorrectionDisabled)")
            }
            .padding()
        }
        .padding()
    }
}

可行解决方案 #

方案1：通过id强制重建TextEditor #

利用SwiftUI的id()修饰器，当状态变量变化时让系统销毁旧的TextEditor并创建新实例，从而应用最新的自动更正设置：

struct ContentView: View {
    @State var input = ""
    @State var autocorrectionDisabled = true

    var body: some View {
        VStack {
            TextEditor(text: $input)
                .autocorrectionDisabled(autocorrectionDisabled)
                .font(.headline)
                .id(autocorrectionDisabled) // 状态变化时触发视图重建
         
            Button("Toggle Autocorrection") {
                autocorrectionDisabled.toggle()
                print("autocorrectionDisabled: \(autocorrectionDisabled)")
            }
            .padding()
        }
        .padding()
    }
}

特点：实现简单，适合大多数场景；但大量文本输入时，重建视图可能有短暂视觉波动。

方案2：封装原生UITextView实现动态控制 #

由于SwiftUI的TextEditor底层基于UITextView，直接封装原生控件可绕过SwiftUI封装层的bug，精准控制自动更正状态：

struct CustomTextEditor: UIViewRepresentable {
    @Binding var text: String
    @Binding var autocorrectionDisabled: Bool
    
    func makeUIView(context: Context) -> UITextView {
        let textView = UITextView()
        textView.font = UIFont.systemFont(ofSize: UIFont.headlineFontSize)
        textView.autocorrectionType = autocorrectionDisabled ? .no : .yes
        textView.delegate = context.coordinator
        return textView
    }
    
    func updateUIView(_ uiView: UITextView, context: Context) {
        uiView.text = text
        // 每次状态更新同步自动更正设置
        uiView.autocorrectionType = autocorrectionDisabled ? .no : .yes
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator(self)
    }
    
    class Coordinator: NSObject, UITextViewDelegate {
        var parent: CustomTextEditor
        
        init(_ parent: CustomTextEditor) {
            self.parent = parent
        }
        
        func textViewDidChange(_ textView: UITextView) {
            parent.text = textView.text
        }
    }
}

// 使用示例
struct ContentView: View {
    @State var input = ""
    @State var autocorrectionDisabled = true

    var body: some View {
        VStack {
            CustomTextEditor(text: $input, autocorrectionDisabled: $autocorrectionDisabled)
                .frame(minHeight: 100)
         
            Button("Toggle Autocorrection") {
                autocorrectionDisabled.toggle()
                print("autocorrectionDisabled: \(autocorrectionDisabled)")
            }
            .padding()
        }
        .padding()
    }
}

特点：稳定性高，无需重建视图即可实时更新自动更正状态；适合对交互体验要求严格的场景。

测试结果 #

两种方案在iOS15物理设备上测试均生效：

• 方案1：切换状态后，TextEditor重建，自动更正功能随变量正常切换；
• 方案2：状态变更时，自动更正设置实时生效，无视图重建波动。

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