FirstResponder & :onCommit on TextField in SwiftUI

Question

In a SwiftUI app, I need to set the focus on a TextField and bring the keyboard automatically, in standard Swift this would be done with:

  field.becomeFirstResponder()

But this does not seem to exist in SwiftUI.

I found a work around here.

But, my field uses :onCommit; which is not in the sample code.

What is the way to set the :onCommit functionality when using UIViewRepresentable ?

For custom onCommit, look in https://stackoverflow.com/a/58639072/12299030. — Asperi, Sep 28 '20 at 13:31
This exists now from **iOS 15**, take a look at **[this answer here](https://stackoverflow.com/a/59059359/5623035)** — Mojtaba Hosseini, Jun 08 '21 at 17:53

score 1 · Answer 1 · answered Jun 19 '21 at 04:38

iOS 15+ has a solution for this.

@FocusState combined with the focused(_:) modifier can be used to control first responder status for textfields.

struct ExampleView: View {
    
    @FocusState private var isFocused: Bool
    
    @State private var textInput = ""
    
    var body: some View {
        TextField("Example", text: $textInput)
            .focused($isFocused)
        
        Button("Confirm") {
            if textInput {
                isFocused = true
            }
        }
    }
}

Stanislav Ageev · Answer 2 · 2021-07-22T13:06:05.940

For iOS15 There is a solution implemented by apple (as mentioned by @AlphaWulf)

For iOS14 In my opinion, the best approach is to implement your own version of TextField using the UIRepresentable protocol. This might sound like something difficult but it is actually quite simple.

Why it is better to implement your own text field over the solutions using view hierarchy introspection?

One is that a solution based on traversing underlying views is hacky by nature and even a minor iOS version update might break it.

Secondly, in a real-world app, you will want to set additional things on the text field (like return button type and supplementary view) but Apple didn't make a way of doing so and you will be forced to wrap a UITextField in any case.

https://blog.agitek.io/swiftui-2-first-responder-b6a828243268

In this post I have a detailed solution that is similar to what Apple has implemented in SwiftUI 3.

score -2 · Answer 3 · answered Dec 04 '20 at 00:12

-2

There is an open-source project for your needs, at https://github.com/mobilinked/MbSwiftUIFirstResponder

TextField("Name", text: $name)
    .firstResponder(id: FirstResponders.name, firstResponder: $firstResponder, resignableUserOperations: .all)

TextEditor(text: $notes)
    .firstResponder(id: FirstResponders.notes, firstResponder: $firstResponder, resignableUserOperations: .all)

answered Dec 04 '20 at 00:12

swift code

115
1
1

1

Again, please explain what your code does and how it does it; never just post code on its own. – M-Chen-3 Dec 04 '20 at 00:40
It's a little complicated. The solution is to analyze the run-time view structure and add additional controls to the real UIViews/NSViews. You can check the code for the details. – swift code Dec 04 '20 at 09:12

FirstResponder & :onCommit on TextField in SwiftUI

3 Answers3