Jetpack Compose中Popup内TextField无法接收键盘输入的问题

问题核心是Compose的Popup默认不具备焦点捕获能力——即便点击内部TextField使其视觉上聚焦，实际输入焦点仍停留在下层主界面的TextField上。以下是具体解决方法：

基础修复：开启Popup的焦点可获取性 #

只需给Popup添加PopupProperties(focusable = true)参数，让Popup容器能够拦截焦点，确保内部控件正常接收输入：

@Composable
fun MyCompose() {
    Column(horizontalAlignment = Alignment.CenterHorizontally) {
        var popupControl by remember { mutableStateOf(false) }

        Button(onClick = { popupControl = true }) {
            Text("Add Record")
        }
        if (popupControl) {
            Popup(
                onDismissRequest = { popupControl = false },
                // 关键配置：让Popup具备焦点捕获能力
                properties = PopupProperties(focusable = true)
            ) {
                var popupText by rememberSaveable { mutableStateOf("") }
                TextField(
                    value = popupText,
                    onValueChange = { popupText = it },
                    label = { Text("Title") }
                )
            }
        }
        var mainText by rememberSaveable { mutableStateOf("") }
        TextField(
            value = mainText,
            onValueChange = { mainText = it },
            label = { Text("Title") }
        )
    }
}

可选优化：自动聚焦Popup内的TextField #

如果希望弹出Popup后自动聚焦内部TextField，可结合FocusRequester实现，提升交互流畅度：

@Composable
fun MyCompose() {
    Column(horizontalAlignment = Alignment.CenterHorizontally) {
        var popupControl by remember { mutableStateOf(false) }

        Button(onClick = { popupControl = true }) {
            Text("Add Record")
        }
        if (popupControl) {
            val focusRequester = remember { FocusRequester() }
            Popup(
                onDismissRequest = { popupControl = false },
                properties = PopupProperties(focusable = true)
            ) {
                var popupText by rememberSaveable { mutableStateOf("") }
                TextField(
                    value = popupText,
                    onValueChange = { popupText = it },
                    label = { Text("Title") },
                    modifier = Modifier.focusRequester(focusRequester)
                )
            }
            // 弹窗弹出后主动请求焦点
            LaunchedEffect(Unit) {
                focusRequester.requestFocus()
            }
        }
        var mainText by rememberSaveable { mutableStateOf("") }
        TextField(
            value = mainText,
            onValueChange = { mainText = it },
            label = { Text("Title") }
        )
    }
}

原理说明 #

• PopupProperties(focusable = true)会将Popup标记为焦点容器，阻断下层界面控件的输入焦点，确保Popup内部TextField能正常接收键盘输入。
• FocusRequester配合LaunchedEffect可在Popup弹出时自动将焦点转移到内部TextField，无需用户手动点击。

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