SwiftUI TextField to reset focus on any click

Question

I want to do this: Click on any element except the current "Textfield" and the keyboard - the logic of losing focus is called.

struct ContentView: View {
    @State private var text: String = ""
    
    var body: some View {
        VStack {
            Text("Hello, world!")
            TextField(
                "Title TextField",
                text: self.$text,
                onEditingChanged: {
                    print("onEditingChanged: \($0)")
                },
                onCommit: {
                    print("onCommit")
                }
            )
            .onSubmit {
                print("onSubmit")
            }
            Button("Print") {
                print("text: \(self.text)")
            }
        }
    }
}

I would like to make a universal solution without the need to manually hide the keyboard.

I need this because TextField has different logic in iOS 14 and iOS 15.

iOS 14: value changes after the keyboard is closed.

iOS 15: value changes when entering from the keyboard.

Answer 1

I use this extension:

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

And then in my body:

        .onTapGesture {
            UIApplication.shared.endEditing()
        }