如何在 SwiftUI 中使用 Toogle 禁用 TextField？

Question

在 swiftUI 中使用 Toogle 时，如何正确禁用 TextField？如果我们禁用其中输入了某些值的 TextField，以下简单示例会在控制台中导致警告，删除它也不能解决问题。

struct ContentView: View {
@State var isToogleOn = false
@State var textFieldValue = ""

var body: some View {
    HStack {
        TextField("Placeholder", text: $textFieldValue)
            .disabled(!isToogleOn)
        Toggle("Activate textField", isOn: $isToogleOn)
        }
    }
}

文本字段关闭时的警告：

=== AttributeGraph：通过属性检测到循环 160396 === 2022-01-08 15:27:46.182588+0100 CrochetIo[15460:1558507] [SwiftUI] 在视图更新期间修改状态，这将导致未定义的行为

Answer 1

@Asperi 给出的原因是正确的，但我建议其他解决方案。关闭

Toogle

时，将焦点放在

TextField

上，然后将其禁用。

    @State var isToogleOn = false
    @State var textFieldIsDisabled = false
    @State var textFieldValue = ""
    
    @FocusState private var focusField: Field?
    
    var body: some View {
        HStack {
            TextField("Placeholde", text: $textFieldValue)
                .focused($focusField, equals: .textField1)
                .disabled(textFieldIsDisabled)
            Toggle("Activate textField", isOn: $isToogleOn)
                .onChange(of: isToogleOn) { newValue in
                    focusField = nil
                    textFieldIsDisabled = !newValue
                }
        }
    }
}

Answer 2

其实这是Apple的日志，所以我们不应该关心它们，但如果它们打扰了你，那么可以解决这个问题，因为它们是由于

TextField

在禁用期间仍然处于焦点状态而发布的。

可能的方法是在切换上使用代理绑定并注入预设副作用。

使用 Xcode 13.2 / iOS 15.2 进行测试

struct ContentViewTestToggleText: View {
    @State var isToogleOn = false
    @State var textFieldValue = ""

    var body: some View {
        HStack {
            TextField("Placeholder", text: $textFieldValue)
                .disabled(!isToogleOn)

            let onToggle = Binding(
                get: { self.isToogleOn },
                set: {
                    if !$0 {
                        UIApplication.shared.endEditing()     // << here !!
                    }
                    
                    self.isToogleOn = $0
                }
            )
            Toggle("Activate textField", isOn: onToggle)
        }
    }
}

extension UIApplication {
    func endEditing() {
        sendAction(#selector(UIResponder.resignFirstResponder), to: nil, from: nil, for: nil)
    }
}

Answer 3

我发现一个稍微更直接的方法是：

struct ContentView: View {
    @State private var isToogleOn = false
    @State var textFieldValue = ""

    var body: Some View {
        @State var myPlaceHolder = Textfield(
            `                   `       "Placeholder",
                                        text: $textFieldValue)
        HStack {
            Button {
                isToggleOn.Toggle()
            } label: {
                Text("Toggle")
            }
            myPlaceHolder.disabled(isToogleOn)
        }
    }
}