Compose中如何让Row拦截点击事件，阻止BasicTextField获取焦点？

方案一：用pointerInput替代clickable并消费事件 #

默认的clickable修饰符不会拦截点击事件，事件会继续传递给子组件（也就是你的BasicTextField），导致它获取焦点。改用pointerInput可以手动消费点击事件，阻止事件向下传递：

Row(
    modifier = Modifier.pointerInput(Unit) {
        detectTapGestures(onTap = { tapOffset ->
            // 这里写你Row的点击逻辑
            tapOffset.consume() // 消费点击事件，阻止传递给内部TextField
        })
    }
) {
    BasicTextField(value = "", onValueChange = {})
}

方案二：结合clickable与焦点控制 #

如果你更习惯用clickable，可以通过焦点管理器主动清除TextField的焦点，或者阻止它获取焦点：

val focusManager = LocalFocusManager.current

Row(
    modifier = Modifier.clickable {
        // 处理Row点击逻辑
        focusManager.clearFocus() // 清除当前焦点，让TextField失去焦点
    }
) {
    BasicTextField(
        value = "",
        onValueChange = {},
        modifier = Modifier.focusable(true) // 保持可聚焦，但点击Row时主动清除
    )
}

注意：方案一从事件传递源头拦截，更直接；方案二是通过焦点控制间接实现，适合需要保留TextField可聚焦（比如通过键盘导航）但点击Row时不让它获得焦点的场景。

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