Android Jetpack Compose：TextField被IME遮挡时失焦问题求助

问题描述 #

实现了包含数字项的LazyList，点击数字可切换为TextField进行编辑，确认或失焦时切回数字显示状态。但编辑底部被输入法（IME）覆盖的项时，TextField会立即失焦，触发切回逻辑，无法正常完成编辑。

当前核心实现逻辑：

• 通过isEditing状态切换显示组件：

if (isEditing) ExpenseTextField(onConfirmInput = { isEditing = false }) 
else ExpenseDisplay(onClickNumber = { isEditing = true })

• TextField监听焦点变化，失焦时触发确认逻辑：

modifier = Modifier
    .focusRequester(focusRequester)
    .onFocusChanged { state ->
        inFocus = state.hasFocus
        coroutineScope.launch {
            delay(50)
            if (!inFocus)
                onConfirmInput()
        }
    },

添加delay(50)是为了处理焦点状态多次触发的问题，但底部项的异常仍未解决。

问题原因 #

1. LazyList项重建：IME弹出导致布局高度变化，LazyList会重新计算可见项。若item未设置稳定key，对应项会被重建，TextField实例销毁重建后焦点丢失。
2. 焦点误判：IME弹出过程中布局调整会引发短暂焦点丢失，固定delay(50)无法适配不同设备的布局调整速度，进而误触发失焦逻辑。
3. 焦点未主动锁定：切换到TextField时未确保焦点稳定获取，布局调整过程中焦点被系统收回。

解决方案 #

1. 给LazyList项添加稳定Key #

确保LazyList在布局变化时不重建已有项，保留TextField的状态和焦点：

LazyColumn {
    items(items = expenseList, key = { expense.id }) { expense ->
        // 项布局：ExpenseDisplay/ExpenseTextField
    }
}

2. 优化焦点监听逻辑，移除固定Delay #

通过焦点状态的细分属性判断，避免误判临时焦点丢失：

val focusManager = LocalFocusManager.current
var lastFocusState by remember { mutableStateOf(false) }

modifier = Modifier
    .focusRequester(focusRequester)
    .onFocusChanged { state ->
        lastFocusState = state.hasFocus
        // 仅当焦点真正丢失（非临时布局调整）时触发确认
        if (!state.hasFocus && !state.isCaptured) {
            coroutineScope.launch {
                withContext(Dispatchers.Main.immediate) {
                    if (!lastFocusState) {
                        onConfirmInput()
                    }
                }
            }
        }
    },

3. 切换到TextField时主动延迟请求焦点 #

等待布局稳定后再请求焦点，避免布局调整打断焦点获取：

LaunchedEffect(isEditing) {
    if (isEditing) {
        delay(100)
        focusRequester.requestFocus()
    }
}

4. 结合键盘状态判断是否触发失焦逻辑 #

仅当焦点丢失且键盘已关闭时，才触发确认切回操作：

val keyboardController = LocalSoftwareKeyboardController.current
var keyboardVisible by remember { mutableStateOf(false) }

// 可通过布局监听或系统回调获取键盘显示状态，此处简化示例
modifier = Modifier
    .onFocusChanged { state ->
        inFocus = state.hasFocus
        coroutineScope.launch {
            delay(100)
            if (!inFocus && !keyboardVisible) {
                onConfirmInput()
            }
        }
    }

效果验证 #

应用以上修改后，底部项在IME弹出时不会因布局调整导致TextField失焦，可正常完成编辑；编辑完成（点击确认或关闭键盘）后，才会切回数字显示状态。

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