如何从Jetpack Compose TextField获取Input Connection？

当然可以用Compose的TextField或BasicTextField替代EditText实现需求，核心是利用Compose文本组件暴露的onCreateInputConnection回调捕获输入连接，结合状态管理或CompositionLocal传递给自定义键盘，同时处理多输入框的焦点切换逻辑。

核心实现思路 #

Compose的BasicTextField（Material TextField基于它实现）提供了onCreateInputConnection参数，当文本框需要与输入系统交互时会触发该回调，我们可以在这里创建并返回InputConnection实例，同时将其保存到状态中，再传递给自定义键盘。

具体代码示例 #

1. 定义全局CompositionLocal传递输入连接

// 用于在Compose树中传递当前激活的输入连接
val LocalCurrentInputConnection = staticCompositionLocalOf<InputConnection?> { null }

2. 实现带自定义键盘的多输入框布局

@Composable
fun MultiTextFieldWithCustomKeyboard() {
    // 保存当前激活的输入连接
    var currentInputConnection by remember { mutableStateOf<InputConnection?>(null) }
    val focusManager = LocalFocusManager.current

    Column(modifier = Modifier.fillMaxWidth().padding(16.dp)) {
        // 第一个输入框
        TextField(
            value = "", // 替换为你的文本状态
            onValueChange = {}, // 替换为你的文本更新逻辑
            label = { Text("输入框1") },
            modifier = Modifier
                .fillMaxWidth()
                .padding(bottom = 8.dp)
                .onFocusChanged { focusState ->
                    // 焦点变化时确保键盘关联当前输入框
                    if (focusState.isFocused) {
                        focusManager.clearFocus(force = true)
                    }
                },
            keyboardOptions = KeyboardOptions.Default.copy(
                keyboardType = KeyboardType.Text,
                imeAction = ImeAction.Next
            ),
            keyboardActions = KeyboardActions(
                onNext = { focusManager.moveFocus(FocusDirection.Down) }
            ),
            onCreateInputConnection = { editorInfo ->
                // 创建输入连接，可根据需求自定义实现
                val inputConnection = object : BaseInputConnection(null, false) {
                    override fun commitText(text: CharSequence?, newCursorPosition: Int): Boolean {
                        // 这里可以处理自定义输入逻辑，或调用super实现默认行为
                        return super.commitText(text, newCursorPosition)
                    }
                }
                // 更新当前输入连接
                currentInputConnection = inputConnection
                inputConnection
            }
        )

        // 第二个输入框
        TextField(
            value = "",
            onValueChange = {},
            label = { Text("输入框2") },
            modifier = Modifier
                .fillMaxWidth()
                .padding(bottom = 16.dp)
                .onFocusChanged { focusState ->
                    if (focusState.isFocused) {
                        focusManager.clearFocus(force = true)
                    }
                },
            keyboardOptions = KeyboardOptions.Default.copy(
                keyboardType = KeyboardType.Text,
                imeAction = ImeAction.Done
            ),
            onCreateInputConnection = { editorInfo ->
                val inputConnection = BaseInputConnection(null, false)
                currentInputConnection = inputConnection
                inputConnection
            }
        )

        // 自定义键盘组件，通过CompositionLocal获取当前输入连接
        CompositionLocalProvider(
            LocalCurrentInputConnection provides currentInputConnection
        ) {
            MyCustomKeyboard()
        }
    }
}

3. 自定义键盘中使用输入连接

在你的MyCustomKeyboard组件中，直接通过LocalCurrentInputConnection.current获取当前激活的输入连接，调用其方法处理输入：

@Composable
fun MyCustomKeyboard() {
    val inputConnection = LocalCurrentInputConnection.current

    Row(modifier = Modifier.fillMaxWidth().padding(8.dp)) {
        Button(onClick = {
            inputConnection?.commitText("A", 1)
        }) {
            Text("A")
        }
        // 其他键盘按键...
    }
}

关键注意事项 #

• 输入连接生命周期：当输入框失去焦点时，建议将currentInputConnection置空，避免无效操作。
• 自定义InputConnection：如果默认的BaseInputConnection无法满足需求，可以实现InputConnection接口自定义输入行为（比如处理删除、光标移动、文本选择等）。
• 焦点管理：通过LocalFocusManager或FocusRequester精确控制输入框焦点切换，确保输入连接与当前聚焦的输入框同步。
• 自定义文本组件适配：如果你的自定义文本组件基于BasicTextField，只需在实现中暴露onCreateInputConnection参数即可复用上述逻辑。

内容的提问来源于stack exchange，提问作者galihif