Composable从后台返回后无法重组问题排查

核心问题 #

问题出在keyboardAsState函数的监听器生命周期管理上：

• 应用切换到后台时，DisposableEffect的onDispose会移除ViewTreeObserver监听器，但返回前台时，由于DisposableEffect的key是view（未发生变化），不会重新执行监听器注册逻辑，导致键盘状态变化无法被捕获，进而无法触发Composable重组。
• 你调试时看到的状态变化大概率是后台返回前的更新，后台返回后监听器已失效，状态不会再更新，自然视图也不会响应变化。

修复后的键盘状态监听函数 #

修改keyboardAsState，结合生命周期管理监听器的注册与移除，确保后台返回后监听器能重新生效：

enum class Keyboard {
    Opened, Closed
}

@Composable
fun keyboardAsState(): State<Keyboard> {
    val keyboardState = remember { mutableStateOf(Keyboard.Closed) }
    val view = LocalView.current
    val lifecycleOwner = LocalLifecycleOwner.current

    DisposableEffect(view, lifecycleOwner) {
        val onGlobalListener = ViewTreeObserver.OnGlobalLayoutListener {
            val rect = Rect()
            view.getWindowVisibleDisplayFrame(rect)
            val screenHeight = view.rootView.height
            val keypadHeight = screenHeight - rect.bottom
            keyboardState.value = if (keypadHeight > screenHeight * 0.15) {
                Keyboard.Opened
            } else {
                Keyboard.Closed
            }
        }

        // 监听生命周期，前台注册监听器，后台移除
        val lifecycleObserver = object : DefaultLifecycleObserver {
            override fun onResume(owner: LifecycleOwner) {
                view.viewTreeObserver.addOnGlobalLayoutListener(onGlobalListener)
            }

            override fun onPause(owner: LifecycleOwner) {
                view.viewTreeObserver.removeOnGlobalLayoutListener(onGlobalListener)
            }
        }

        lifecycleOwner.lifecycle.addObserver(lifecycleObserver)
        // 初始注册监听器
        view.viewTreeObserver.addOnGlobalLayoutListener(onGlobalListener)

        onDispose {
            lifecycleOwner.lifecycle.removeObserver(lifecycleObserver)
            view.viewTreeObserver.removeOnGlobalLayoutListener(onGlobalListener)
        }
    }

    return keyboardState
}

额外优化建议 #

1. 滚动逻辑的触发时机：当前在BasicTextField的onGloballyPositioned中处理滚动，该回调仅在布局变化时触发。如果需要在键盘打开时立即滚动，可以将逻辑移到LaunchedEffect中监听isKeyboardOpen变化：

// 先给TextField添加Modifier保存位置
var textFieldYPosition by remember { mutableStateOf(0) }

BasicTextField(
    modifier = Modifier
        .padding(horizontal = 18.dp)
        .onGloballyPositioned { coordinates ->
            textFieldYPosition = coordinates.positionInParent().y.roundToInt()
        },
    // 其他参数不变
)

// 监听键盘状态变化触发滚动
LaunchedEffect(isKeyboardOpen) {
    if (isKeyboardOpen == Keyboard.Opened) {
        scrollState.animateScrollTo(textFieldYPosition)
    }
}

2. 避免重复代码：当前在两个地方渲染CloseAccountButton，可以合并逻辑减少冗余，比如用一个容器根据键盘状态控制显示位置。

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