如何在 Compose 中切换 IME 键盘打开/关闭？

Question

在我的应用程序中，我有一个 TextField 和一个应该显示/隐藏 IME 键盘的按钮。我已经阅读了有关控制软键盘以及如何显示或隐藏它的所有内容，但没有阅读如何切换。 This SO 帖子是相关的，但不完全符合我的要求。

我遇到的问题是我需要跟踪键盘何时打开和关闭。当然可以通过点击TextField来打开键盘，也可以通过按返回按钮来关闭它。我找不到这些操作的任何挂钩或回调，所以我可以分配 isKeyboardOpen 布尔值。

因此，我可以从Toggle keyboard! 按钮切换键盘，但只要我“手动”打开它（点击文本字段）或关闭它（按返回按​​钮），切换按钮状态无法更新，我需要按两次才能显示/隐藏键盘。

到目前为止，我已经尝试了以下方法：

1. BackHandler - 无效
2. Modifier.pointerInput(Unit) 和 detectTapGestures - 这些回调永远不会在点击 TextField 时被击中
3. onKeyEvent 和 onPreviewKeyEvent - 它们似乎仅用于硬件键盘按键。我试图拦截后面的新闻，就像我们在 Android 视图世界中所做的那样：action == KeyEvent.ACTION_UP && keyCode == KeyEvent.KEYCODE_BACK，但没有运气

这是这两个元素的代码，如下图所示：

                Surface {

                var isKeyboardOpen by remember { mutableStateOf(false) }
                val keyboardController = LocalSoftwareKeyboardController.current

                Column {
                    Button(onClick = {
                        isKeyboardOpen = !isKeyboardOpen
                        if (isKeyboardOpen) keyboardController?.show() else keyboardController?.hide()
                    }
                    ) {
                        Text("Toggle keyboard!")
                    }

                    //...

                    BackHandler(isKeyboardOpen) {
                        Log.d("TextField", "backPressed - never called")
                    }

                    var text by remember { mutableStateOf("") }

                    TextField(
                        value = text,
                        onValueChange = { text = it },
                        modifier = Modifier.pointerInput(Unit) {
                            detectTapGestures(
                                onTap = { Log.d("TextField", "onTap - never called") },
                                onPress = { Log.d("TextField", "onPress - never called") },
                            )
                        }.onKeyEvent { event ->
                            // callback never hit
                            if (event.type == KeyEventType.KeyUp && event.key == Key.Back) {
                                //....
                            }
                            true
                        }
                    )
                }
            }

Gif of trying to toggle keyboard open/closed from a button

如何在撰写中实现键盘切换按钮？有可能吗？

Answer 1

您可以使用 WindowInsets 来检测键盘是打开还是关闭。

按照these 的说明添加和设置伴奏插图库。

设置完成后，您可以像这样创建按钮。

val insets = LocalWindowInsets.current
val keyboardController = LocalSoftwareKeyboardController.current

Button(onClick = {
    if (insets.ime.isVisible) keyboardController?.hide() else keyboardController?.show()
}) {
    Text("Toggle keyboard!")
}

Answer 2

您可以为此使用 KeyboardVisibilityEvent 库

KeyboardVisibilityEvent.setEventListener(
    getActivity(),
    new KeyboardVisibilityEventListener() {
        @Override
        public void onVisibilityChanged(boolean isOpen) {
           // do your thing here !!
        }
    });