Jetpack Compose OutlinedTextField gets focus but, no keyboard show up

Question

I want to show a dialog and automatically set focus to a OutlinedTextField, so user can instantly start typing.
I ended up with text field does get focus, does get the cursor flickering, but the keyboard remains hidden. So user still has to click on a textField to make the keyboard appear. Here is how I'm doing this

    LaunchedEffect(Unit) {
        focusRequester.requestFocus()
    }

OutlinedTextField(
                        value = text,
                        modifier = Modifier
                            .focusRequester(focusRequester)
                            .fillMaxWidth(),
                        onValueChange = {
                            text = it
                        }
                    )

@GabrieleMariotti yes, it's all inside a dialog, the composable name is "Dialog" — Waldmann, Jun 28 '22 at 14:43

score 4 · Answer 1 · edited Jun 29 '22 at 04:15

4

To make keyboard show up, you should place a delay before requesting the focus:

LaunchedEffect(Unit) {
    delay(200)// <-- This is crucial.
    focusRequester.requestFocus()
}

OutlinedTextField(
    value = text,
    modifier = Modifier
        .focusRequester(focusRequester)
        .fillMaxWidth(),
    onValueChange = {
        text = it
    }
)

The delay time may be changed. For me it starts working starting from 100ms. If it still doesn't work with 200, increase it until it works. I believe it's all about performance of the devcie, so the higher the delay, the more slow devices can be used.

edited Jun 29 '22 at 04:15

Thracian

43,021
16
133
222

answered Jun 28 '22 at 08:52

Waldmann

1,563
12
25

How do you folks make the code more structured when pasting it from IDE? – Waldmann Jun 28 '22 at 09:00
2

You can use shift+tab on Android Studio to align your code snippet to left then copy it, and paste it here. – Thracian Jun 29 '22 at 04:15

Jetpack Compose OutlinedTextField gets focus but, no keyboard show up

1 Answers1

Linked