Jetpack Compose：如何禁用父组件Modifier对子组件的作用？

你的问题出在onFocusEvent的逻辑和事件传递上：当点击TextField时，Box的焦点状态变化会触发键盘隐藏逻辑，导致TextField刚要获取焦点唤起键盘就被强制隐藏。

以下是两种可行的解决方案：

方案一：给Box添加可点击修饰符，点击时清除焦点 #

通过LocalFocusManager获取焦点管理器，点击Box空白区域时清除所有焦点，这样TextField失去焦点后键盘会自动隐藏，同时完全不影响TextField自身的焦点获取：

val focusManager = LocalFocusManager.current

Box(
    modifier = Modifier
        .fillMaxSize()
        .clickable {
            // 清除所有焦点，TextField失去焦点后键盘自动隐藏
            focusManager.clearFocus()
        }
) {
    TextField(
        value = text,
        onValueChange = { text = it },
        modifier = Modifier.align(Alignment.Center)
    )
}

方案二：使用FocusRequester控制Box焦点 #

给Box设置FocusRequester，点击Box时主动请求焦点，迫使TextField失去焦点从而隐藏键盘，同时保留TextField正常唤起键盘的能力：

val focusRequester = remember { FocusRequester() }

Box(
    modifier = Modifier
        .fillMaxSize()
        .focusRequester(focusRequester)
        .focusable() // 让Box具备获取焦点的能力
        .clickable {
            // 请求Box获取焦点，TextField会自动失去焦点
            focusRequester.requestFocus()
        }
) {
    TextField(
        value = text,
        onValueChange = { text = it },
        modifier = Modifier.align(Alignment.Center)
    )
}

原方案失效原因 #

你之前的onFocusEvent是监听Box自身的焦点状态，当点击TextField时，焦点会从Box转移到TextField，这个过程中Box的焦点状态变更会触发键盘隐藏逻辑，直接打断了TextField唤起键盘的流程。而上面的方案都是精准控制焦点，只在点击Box空白区域时触发键盘隐藏，不会干扰TextField的正常交互。

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