Jetpack Compose中点击TextField外部清除焦点，求原生等效实现方案

方案一：在Activity中重写dispatchTouchEvent（贴近原生逻辑） #

这种写法和你原生实现的思路完全一致，只需适配Compose的焦点View判断：

override fun dispatchTouchEvent(ev: MotionEvent?): Boolean {
    if (ev?.action == MotionEvent.ACTION_DOWN) {
        val currentFocus = currentFocus
        // 判断当前焦点是否是Compose TextField对应的原生View
        if (currentFocus != null && currentFocus.javaClass.name.contains("TextField")) {
            val outRect = Rect()
            currentFocus.getGlobalVisibleRect(outRect)
            if (!outRect.contains(ev.rawX.toInt(), ev.rawY.toInt())) {
                currentFocus.clearFocus()
                // 隐藏软键盘
                val imm = getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManager
                imm.hideSoftInputFromWindow(currentFocus.windowToken, 0)
            }
        }
    }
    return super.dispatchTouchEvent(ev)
}

这里通过类名判断焦点是否来自Compose TextField，逻辑和原生的EditText判断完全对应，能直接复用你熟悉的事件分发逻辑。

方案二：Compose内部实现（无需修改Activity） #

如果不想在Activity层处理，可以在Compose内部通过坐标监听实现精确判断：

@Composable
fun ClickOutsideToDismissKeyboard() {
    val focusManager = LocalFocusManager.current
    val keyboardController = LocalSoftwareKeyboardController.current
    // 存储TextField的全局坐标范围
    var textFieldBounds by remember { mutableStateOf(Rect.Zero) }

    Box(
        modifier = Modifier
            .fillMaxSize()
            .pointerInput(Unit) {
                detectTapGestures { tapOffset ->
                    // 将点击的局部坐标转换为全局屏幕坐标
                    val globalTap = LocalView.current.run {
                        val screenLocation = IntArray(2)
                        getLocationOnScreen(screenLocation)
                        Offset(
                            tapOffset.x + screenLocation[0],
                            tapOffset.y + screenLocation[1]
                        )
                    }
                    // 判断点击位置是否在TextField范围外
                    if (!textFieldBounds.contains(globalTap.x.toInt(), globalTap.y.toInt())) {
                        focusManager.clearFocus()
                        keyboardController?.hide()
                    }
                }
            }
    ) {
        TextField(
            value = "",
            onValueChange = {},
            modifier = Modifier
                .onGloballyPositioned { coords ->
                    // 获取TextField的全局坐标和尺寸
                    val windowPos = coords.positionInWindow()
                    textFieldBounds = Rect(
                        windowPos.x.toInt(),
                        windowPos.y.toInt(),
                        (windowPos.x + coords.size.width).toInt(),
                        (windowPos.y + coords.size.height).toInt()
                    )
                }
        )
    }
}

这个方案通过onGloballyPositioned获取TextField的全局坐标，再在根布局的触摸监听中判断点击位置，完全复刻原生的区域判断逻辑，且不需要依赖Activity代码。

方案三：简化版（父布局点击清除焦点） #

这就是你目前用的方案，适合不需要精确区域判断的场景：

@Composable
fun SimpleClickOutsideDismiss() {
    val focusManager = LocalFocusManager.current
    val keyboardController = LocalSoftwareKeyboardController.current
    var isTextFieldFocused by remember { mutableStateOf(false) }

    Box(
        modifier = Modifier
            .fillMaxSize()
            .clickable {
                if (isTextFieldFocused) {
                    focusManager.clearFocus()
                    keyboardController?.hide()
                }
            }
    ) {
        TextField(
            value = "",
            onValueChange = {},
            modifier = Modifier
                .onFocusChanged { state ->
                    isTextFieldFocused = state.isFocused
                }
        )
    }
}

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