Question

我正在使用 OutlinedTextField。

当我开始编辑时，后退按钮变成隐藏键盘按钮（向下箭头）。

第一次按下后退按钮会隐藏键盘，但焦点仍在文本字段上。未调用 onFocusChanged 和 BackPressHandler 处理程序。

第二次按下后退按钮清除焦点：onFocusChanged 被调用，而 BackPressHandler 不是。

BackPressHandler {
    println("BackPressHandler")
}
val valueState = remember { mutableStateOf(TextFieldValue(text = "")) }
OutlinedTextField(
    value = valueState.value,
    onValueChange = {
        valueState.value = it
    },
    modifier = Modifier
        .fillMaxWidth()
        .onFocusChanged {
            println("isFocused ${it.isFocused}")
        }
)

第三次 BackHandler 工作正常，我从 compose-samples 获取 if。只是用于测试，我不应该在这里需要它，它预计在第一次点击后退按钮后焦点会丢失

Answer 1

带有焦点文本字段的 compose issue 可防止后退按钮在键盘隐藏时关闭应用程序。它被标记为已修复，但将包含在未来的某个版本中，而不是包含在 1.0

中

但是，据我了解，在键盘被解除后文本字段没有失去焦点的事实是 Android 上的预期行为（因为可能连接了键盘？我没有得到原因）。这也是它在旧的 android 布局中的工作方式

这对我来说似乎很奇怪，所以我提供了以下修饰符，它在键盘消失时退出焦点：

fun Modifier.fixKeyboardFocusIssue(): Modifier = composed {
    var isFocused by remember { mutableStateOf(false) }
    val scope = rememberCoroutineScope()
    if (isFocused) {
        // TODO: replace with single if when https://issuetracker.google.com/issues/193907134 fixed
        if (!LocalWindowInsets.current.ime.isVisible) {
            LocalFocusManager.current.clearFocus()
        }
    }
    onFocusChanged {
        if (it.isFocused && !isFocused) {
            scope.launch {
                // wait until keyboard presented on start editing
                delay(300)
                isFocused = it.isFocused
            }
        } else {
            isFocused = it.isFocused
        }
    }
}

用法：

BasicTextField(
    value = valueState.value,
    onValueChange = {
        valueState.value = it
    },
    modifier = Modifier
        .fixKeyboardFocusIssue()
)

在 Jetpack Compose 中关闭键盘时如何清除 TextField 焦点？

1 个答案: