How to close the virtual keyboard from a Jetpack Compose TextField?

Question

I'm using the Jetpack Compose TextField and I want to close the virtual keyboard when the user press the the action button (imeActionPerformed parameter).

val text = +state { "" } TextField(     value = text.value,     keyboardType = KeyboardType.Text,     imeAction = ImeAction.Done,     onImeActionPerformed = {          // TODO Close the virtual keyboard here <<<     }     onValueChange = { s -> text.value = s } ) 

Answer 1

You can use the LocalSoftwareKeyboardController class to control the current software keyboard and then use the hide method:

var text by remember { mutableStateOf(TextFieldValue("Text")) } val keyboardController = LocalSoftwareKeyboardController.current  TextField(         value = text,         onValueChange = {             text = it         },         label = { Text("Label") },         keyboardOptions = KeyboardOptions(imeAction = ImeAction.Done),         keyboardActions = KeyboardActions(                 onDone = {keyboardController?.hide()}) ) 

This solution closes the keyboard without removing the focus from the current TextField.

Just to highlight the difference with:

val focusManager = LocalFocusManager.current focusManager.clearFocus() 

This code closes the keyboard removing the focus from the TextField.