在 SwiftUI 中更改在 TextEditor 上键入的字符

Question

我正在尝试捕获在 TextEditor 中键入的文本，将其存储在变量中并更新 TextEditor 本身上显示的内容。 我正在使用.onChange()来触发和捕获正在输入的内容，将其存储在变量中，并更改当前显示的文本。 但问题是， .onChange()被调用了两次：首先，当我在 TextEditor 中键入文本时； 其次，当我尝试为视图本身设置不同的字符时。

struct ChatView: View {
    @State var chatTextInput: String = ""
    @State var oldChatValue: String = ""
    @State var newChatValue: String = ""
    
    var body: some View {
        VStack {
            TextEditor(text: $chatTextInput)
                .onChange(of: chatTextInput) { newValue in
                    oldChatValue += "a"
                    newChatValue += newValue.last.map{String($0)}!
                    chatTextInput = oldChatValue
                    
                }
        }
    }
}

例如，如果我键入qwerty ， newChatValue将打印为Qawaearataya并且chatTextInput接收aaaaaaaaaaaaa

当我为 TextEditor 文本设置新字符时，有关如何防止 .onChange 被第二次触发的任何线索？

非常感谢！

Answer 1

您的问题只是.onChange(of:)不是TextEditor的响应者，它是变量的响应者，在本例中chatTextInput 。 由于chatTextInput绑定到TextEditor ，当您键入一个字母时， chatTextInput会更新，并且.onChange(of:)运行。 但是，作为.onChange(of:)运行的一部分，您更改了再次调用chatTextInput .onChange(of:) again. You would have an infinite loop, except that .onChange(of:) again. You would have an infinite loop, except that .onChange(of:)` 在这一点上结束。 如果有人能解释一下，我很想听听。

然而，解决方法是简单地在.onChange(of:)中放置一个标志，以便每隔一次设置变量，如下所示：

struct ChatView: View {
    @State var chatTextInput: String = ""
    @State var oldChatValue: String = ""
    @State var newChatValue: String = ""
    
    @State var textEntryFlag = true
    
    var body: some View {
        VStack {
            TextEditor(text: $chatTextInput)
                .onChange(of: chatTextInput) { newValue in
                    if textEntryFlag {
                        oldChatValue += "a"
                        newChatValue += newValue.last.map{String($0)}!
                        chatTextInput = oldChatValue
                    }
                    textEntryFlag.toggle()
                }
        }
    }
}