Jetpack Compose含TextField/BasicTextField页面需两次按返回键退出问题

1. 软键盘收起时自动取消选中的实现方案 #

可以通过监听软键盘显隐状态，在软键盘收起时主动清除输入框焦点即可实现一次返回退出/回退的需求。
Jetpack Compose 1.2.0及以上版本可直接通过WindowInsets.isImeVisible获取软键盘显隐状态，示例代码如下：

@Composable
fun Test() {
    val textState = remember { mutableStateOf("hi") }
    val focusManager = LocalFocusManager.current
    // 监听软键盘是否可见
    val isImeVisible = WindowInsets.isImeVisible

    // 软键盘状态变化时触发逻辑
    LaunchedEffect(isImeVisible) {
        // 软键盘收起时清除输入框焦点，自动取消文本选中状态
        if (!isImeVisible) {
            focusManager.clearFocus()
        }
    }

    BasicTextField(
        value = textState.value,
        onValueChange = { textState.value = it }
    )
}

如果需要兼容更低版本的Compose，也可以直接拦截返回按键事件，无需监听软键盘状态：

@Composable
fun Test() {
    val textState = remember { mutableStateOf("hi") }
    val focusManager = LocalFocusManager.current
    val isTextFieldFocused = remember { mutableStateOf(false) }

    // 输入框持有焦点时，拦截返回事件优先清除焦点
    BackHandler(enabled = isTextFieldFocused.value) {
        focusManager.clearFocus()
    }

    BasicTextField(
        value = textState.value,
        onValueChange = { textState.value = it },
        modifier = Modifier.onFocusChanged {
            isTextFieldFocused.value = it.isFocused
        }
    )
}

以上两种方案都可以实现按一次返回键直接退出页面或返回上一级的效果。

2. 可编辑文本获取焦点加入回退栈逻辑的原因 #

这是Android系统和Compose文本组件的默认交互规范：当输入框处于选中/持有焦点状态时，系统会将「取消文本选中、释放输入框焦点」作为回退事件的优先处理逻辑。该设计是为了避免用户输入过程中误触返回键直接退出页面，导致已输入的内容丢失，符合普通用户的操作预期。

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