Jetpack Compose中如何检测键盘的打开与关闭？

嘿，我来帮你梳理下Jetpack Compose里除了Accompanist Insets之外的原生处理方案，这些方法能避免移除window insets带来的布局问题：

1. 使用Compose原生WindowInsets API（推荐） #

从Compose 1.2版本开始，官方提供了原生的WindowInsets处理API，不需要依赖Accompanist，而且可以灵活选择是添加内边距还是选择性消费insets，不会全局移除insets导致其他布局异常。

示例1：添加系统栏内边距（不消费insets） #

这种方式只是给布局添加内边距，让内容避开系统栏，不会消耗（移除）insets，其他布局依然能感知到系统栏的存在：

@Composable
fun NativeInsetsPaddingDemo() {
    Box(
        modifier = Modifier
            .fillMaxSize()
            // 同时添加状态栏和导航栏的内边距
            .windowInsetsPadding(WindowInsets.statusBars + WindowInsets.navigationBars)
    ) {
        Text(
            text = "内容不会被系统栏遮挡，且其他布局仍能获取insets",
            modifier = Modifier.align(Alignment.Center)
        )
    }
}

示例2：选择性消费insets #

如果你需要让某个布局“消费”特定类型的insets（比如让后续布局不再感知到状态栏的insets），可以用consumeWindowInsets，但注意只消费你需要的部分，避免全局影响：

@Composable
fun SelectiveInsetsConsumeDemo() {
    Column(modifier = Modifier.fillMaxSize()) {
        // 这个布局消费状态栏insets，后续布局不会再收到状态栏的insets通知
        Box(
            modifier = Modifier
                .fillMaxWidth()
                .height(100.dp)
                .background(Color.LightGray)
                .consumeWindowInsets(WindowInsets.statusBars)
                .windowInsetsPadding(WindowInsets.statusBars)
        ) {
            Text("顶部布局，已消费状态栏insets", modifier = Modifier.align(Alignment.Center))
        }

        // 这个布局只会收到导航栏的insets
        Box(
            modifier = Modifier
                .fillMaxSize()
                .windowInsetsPadding(WindowInsets.navigationBars)
                .background(Color.White)
        ) {
            Text("底部布局，仅适配导航栏insets", modifier = Modifier.align(Alignment.Center))
        }
    }
}

2. 结合Android原生WindowInsetsCompat实现精细控制 #

如果你需要更底层的控制，可以直接结合Android原生的WindowInsetsCompat，通过LocalView获取当前View的insets，手动监听变化并应用到Compose布局中，完全不会自动移除insets：

@Composable
fun NativeInsetsIntegrationDemo() {
    val view = LocalView.current
    // 用remember保存insets状态，避免重组时重复监听
    val currentInsets = remember { mutableStateOf(WindowInsetsCompat.toWindowInsetsCompat(view.rootWindowInsets)) }

    // 监听insets变化
    DisposableEffect(view) {
        val listener = WindowInsetsCompat.OnWindowInsetsChangeListener { _, newInsets ->
            currentInsets.value = newInsets
        }
        ViewCompat.setOnApplyWindowInsetsListener(view, listener)
        // 组件销毁时移除监听
        onDispose {
            ViewCompat.setOnApplyWindowInsetsListener(view, null)
        }
    }

    // 手动应用insets作为padding
    Box(
        modifier = Modifier
            .fillMaxSize()
            .padding(
                top = currentInsets.value.getInsets(WindowInsetsCompat.Type.statusBars()).top.dp,
                bottom = currentInsets.value.getInsets(WindowInsetsCompat.Type.navigationBars()).bottom.dp,
                start = currentInsets.value.getInsets(WindowInsetsCompat.Type.systemBars()).left.dp,
                end = currentInsets.value.getInsets(WindowInsetsCompat.Type.systemBars()).right.dp
            )
    ) {
        Text(
            "通过原生API精细控制每个边的内边距",
            modifier = Modifier.align(Alignment.Center)
        )
    }
}

3. 利用Scaffold的contentWindowInsets参数 #

如果你的布局基于Scaffold，可以直接使用它自带的contentWindowInsets参数，自定义需要适配的insets类型，Scaffold会自动计算innerPadding供内容布局使用，完全不需要Accompanist：

@Composable
fun ScaffoldInsetsCustomDemo() {
    Scaffold(
        topBar = {
            TopAppBar(
                title = { Text("自定义Scaffold Insets") },
                modifier = Modifier.windowInsetsPadding(WindowInsets.statusBars)
            )
        },
        // 指定content需要适配的insets：状态栏+导航栏
        contentWindowInsets = WindowInsets.statusBars + WindowInsets.navigationBars
    ) { innerPadding ->
        // 使用innerPadding让内容避开TopAppBar和系统栏
        Box(
            modifier = Modifier
                .fillMaxSize()
                .padding(innerPadding)
                .background(Color.White)
        ) {
            Text("Scaffold内的内容自动适配系统栏", modifier = Modifier.align(Alignment.Center))
        }
    }
}

这些方案都是Jetpack Compose原生支持的，不需要额外依赖Accompanist，而且不会全局移除window insets，能有效避免你遇到的布局异常问题，你可以根据自己的布局场景选择最合适的方式。

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