Hide soft Keyboard on Drawer open - Jetpack Compose

Question

I have a TextField and a ModalDrawer in a compose screen. I would like to close the soft keyboard when the user opens the drawer, but I haven't been able to figure out how. There is no onOpened lifecycle event that gets triggered in ModalDrawer afaik.

user_16696200 · Answer

You can use the confirmStateChange parameter in rememberDrawerState() and call keyboardController.hide() when the drawerValue becomes DrawerValue.open like this:

val keyboardController = LocalSoftwareKeyboardController.current
val state = rememberDrawerState(
  initialValue = DrawerValue.Closed,
    confirmStateChange = {
       if (it == DrawerValue.Open) {
           keyboardController?.hide()
       }
       true
    }
)

ModalDrawer(
   drawerState = state,
   ...
) {
  ...
}

Hide soft Keyboard on Drawer open - Jetpack Compose

1 Answers