SwiftUI: How to prevent `onSubmit` on TextField from hiding keyboard? - Ios swift

Sajjon
September 7, 2022
278 views
0 votes
2 Answers

This simple TextField might be part of a chat feature, and I would like to be able to send chat messages when I press the keyboard button "send".

(Imagine in this chat I don’t need to allow users to enter newline, by overriding the return key, to be send with the submitLabel(.send) view modifier.)

TextField(
    "Chat...",
    text: $draft
)
.submitLabel(.send)
.onSubmit {
    if !draft.isEmpty {
        sendMessage(draft: draft)
    }
}

However, this will hide the keyboard, and I would like to know:

is there any way to prevent the keyboard from hiding when I press send??

I know how to refocus the field, I can do that with @FocusState but that still results in a hide keyboard animation starting which then aborts, so looks glithy.

Answers

Chosen as BEST ANSWER

It is possible to prevent keyboard hiding using a somewhat "hacky" solution, combing re-focus of field together with disable animation.

struct ChatView {
    enum Field: String, Hashable {
        case chat
    }
    @State var draft = ""
    @FocusState var focusedField: Field?

    var body: some View {
        VStack {
            // messages view omitted
            TextField(
                "Chat...",
                text: $draft
            )
            .submitLabel(.send)
            .onSubmit {
                if !draft.isEmpty {
                    sendMessage()
                    // We just lost focus because "return" key was pressed
                    // we re-fucus
                    focusedField = .chat
                }
            }

            Button("Send") {
                sendMessage()
            }
        } 
        // Prevent hacky keyboard hide animation
        .transaction { $0.animation = nil }
    }    

    func sendMessage() {
       // impl omitted, sending message `draft` using some dependency.
    }
}