纯Compose应用：如何让指定Composable在屏幕底部/键盘上方显示

方式一：使用Scaffold的bottomBar参数 #

Scaffold的bottomBar会自动适配软键盘，当键盘弹出时会被顶到键盘上方，是最省心的方案。

示例代码：

var text by remember { mutableStateOf("") }

Scaffold(
    bottomBar = {
        // 你需要固定在底部的Composable
        Row(
            modifier = Modifier
                .fillMaxWidth()
                .background(Color.White)
                .padding(16.dp),
            verticalAlignment = Alignment.CenterVertically
        ) {
            TextField(
                value = text,
                onValueChange = { text = it },
                modifier = Modifier.weight(1f),
                placeholder = { Text("输入内容...") }
            )
            Button(onClick = { /* 执行操作 */ }) {
                Text("提交")
            }
        }
    }
) { paddingValues ->
    // 页面主体内容，需应用paddingValues避免被bottomBar遮挡
    LazyColumn(modifier = Modifier.padding(paddingValues)) {
        items(100) { index ->
            Text("列表条目 $index", modifier = Modifier.padding(16.dp))
        }
    }
}

原理：Scaffold内部已经处理了窗口Insets的适配逻辑，会自动响应软键盘的弹出/收起状态，无需额外编写适配代码。

方式二：手动处理WindowInsets（不使用Scaffold时） #

如果你的布局不依赖Scaffold，可以通过windowInsetsPadding修饰符手动适配输入法（IME）和导航栏的Insets，让目标Composable自动调整位置。

示例代码：

var text by remember { mutableStateOf("") }

Box(modifier = Modifier.fillMaxSize()) {
    // 页面主体内容
    LazyColumn(modifier = Modifier.fillMaxSize()) {
        items(100) { index ->
            Text("列表条目 $index", modifier = Modifier.padding(16.dp))
        }
    }

    // 固定在底部的Composable，适配键盘
    Row(
        modifier = Modifier
            .align(Alignment.BottomCenter)
            .fillMaxWidth()
            .background(Color.White)
            // 同时适配导航栏和输入法Insets
            .windowInsetsPadding(WindowInsets.navigationBars.union(WindowInsets.ime))
            .padding(16.dp),
        verticalAlignment = Alignment.CenterVertically
    ) {
        TextField(
            value = text,
            onValueChange = { text = it },
            modifier = Modifier.weight(1f),
            placeholder = { Text("输入内容...") }
        )
        Button(onClick = { /* 执行操作 */ }) {
            Text("提交")
        }
    }
}

注意事项 #

确保你的Activity的windowSoftInputMode设置为adjustResize（Compose项目默认配置），否则窗口不会随键盘弹出调整大小，Insets适配会失效。如果需要手动配置，在AndroidManifest.xml的对应Activity标签中添加：

android:windowSoftInputMode="adjustResize"

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