Jetpack Compose：如何从软键盘拦截返回按钮？

Android

2024-03-29 07:17:22

Jetpack Compose：从软键盘拦截返回按钮

简介

在使用 Jetpack Compose 构建 Android 应用时，开发者可能会遇到需要从已打开的软键盘中拦截系统返回按钮的场景。本文将详细介绍如何使用 Jetpack Compose 拦截软键盘的返回按钮，并在应用程序中执行特定操作。

问题：拦截软键盘返回按钮

当软键盘打开时，按下系统返回按钮的默认行为是关闭键盘。然而，在某些情况下，开发者可能希望覆盖此默认行为，并根据应用程序的逻辑执行不同的操作。

解决方案

要从软键盘中拦截返回按钮，可以遵循以下步骤：

定义可观察的 backCallback： 创建一个可观察的 OnBackPressedCallback，并在 handleOnBackPressed 方法中定义要执行的操作。在这种情况下，操作包括清除焦点、关闭键盘和执行其他逻辑。
将 backCallback 添加到 OnBackPressedDispatcher： 使用 DisposableEffect 将 backCallback 添加到 OnBackPressedDispatcher。这确保了当系统返回按钮被按下时，backCallback 将被调用。

示例代码

val focusManager = LocalFocusManager.current
val keyboardController = LocalSoftwareKeyboardController.current

val dispatcher: OnBackPressedDispatcher =
    LocalOnBackPressedDispatcherOwner.current!!.onBackPressedDispatcher

val backCallback = remember {
    object : OnBackPressedCallback(true) {
        override fun handleOnBackPressed() {
            if (!state.focused) {
                isEnabled = false
                Toast.makeText(context, "Back", Toast.LENGTH_SHORT).show()
                dispatcher.onBackPressed()
            } else {
                state.query = TextFieldValue("")
                state.focused = false
                focusManager.clearFocus()
                keyboardController?.hide()
            }
        }
    }
}

DisposableEffect(dispatcher) { // dispose/relaunch if dispatcher changes
    dispatcher.addCallback(backCallback)
    onDispose {
        backCallback.remove() // avoid leaks!
    }
}