Jetpack Compose中如何让BottomBar在TextField获焦时显示于键盘上方？

需求可实现，具体操作如下： #

1. 调整BottomBar的Insets处理
   移除BottomBar上的imeNestedScroll()和imePadding()，改用windowInsetsPadding(WindowInsets.ime)，该Modifier会让BottomBar根据键盘高度动态调整位置，始终显示在键盘上方。

2. 优化Scaffold的ContentInsets配置
   将Scaffold的contentWindowInsets设置为ScaffoldDefaults.contentWindowInsets + WindowInsets.ime，确保内容区域自动适配键盘高度，避免被键盘或BottomBar遮挡。

3. 确保内容滚动与Insets协同
   保留内容区域的imeNestedScroll()，让滚动组件在键盘弹出时能自动调整滚动位置，防止输入框被遮挡。

修改后的完整代码： #

Scaffold(
    bottomBar = {
        AddPostBottomRow(
            modifier = Modifier
                .fillMaxWidth(1f)
                .background(Color.White)
                .windowInsetsPadding(WindowInsets.ime) // 关键修改：响应键盘高度调整位置
        )
    },
    contentWindowInsets = ScaffoldDefaults.contentWindowInsets + WindowInsets.ime // 让内容区域适配键盘
) { innerPadding ->
    Column(
        modifier = Modifier
            .fillMaxSize()
            .background(Color.White)
            .padding(innerPadding) // 应用Scaffold内边距，避免被TopBar/BottomBar遮挡
    ) {
        CommentScreenTopBar(
            onCloseClick = { navController.popBackStack() },
            onReplyClick = { /*TODO*/ },
            modifier = Modifier.fillMaxWidth()
        )
        Column(
            modifier = Modifier
                .fillMaxSize()
                .verticalScroll(scrollState)
                .imeNestedScroll() // 保留此配置，实现滚动与键盘联动
        ) {
            TweetPartForComment(
                tweet = tweet,
                navController = navController,
                tweetEvent = tweetEvent,
                modifier = Modifier.fillMaxWidth()
            )

            Column(modifier = Modifier.fillMaxWidth()) {
                Row(
                    modifier = Modifier.fillMaxWidth(),
                    verticalAlignment = Alignment.CenterVertically,
                ) {
                    Text(
                        text = "Replying to ",
                        fontFamily = roboto,
                        fontWeight = FontWeight.Thin,
                        color = Color.DarkGray,
                        fontSize = 14.sp
                    )
                    Text(
                        text = "@${tweet.username}",
                        fontFamily = roboto,
                        fontWeight = FontWeight.Thin,
                        color = colorResource(id = R.color.toggle_button_thumb),
                        fontSize = 14.sp
                    )
                }
                Row(
                    modifier = Modifier.fillMaxWidth(),
                    verticalAlignment = Alignment.CenterVertically
                ) {
                    AsyncImage(
                        model = getModel(tweet.avatar, context),
                        contentDescription = "user dp",
                        placeholder = painterResource(id = R.drawable.placeholder_image),
                        modifier = Modifier
                            .size(34.dp)
                            .clip(CircleShape),
                        contentScale = ContentScale.Crop
                    )

                    Spacer(modifier = Modifier.size(12.dp))

                    VerticalDivider(
                        Modifier
                            .width(1.dp)
                            .height(24.dp)
                    )

                    OutlinedTextField(
                        value = "",
                        onValueChange = {},
                        placeholder = {
                            Text(
                                text = "Post your reply",
                                fontFamily = roboto,
                                color = Color.Gray,
                                fontSize = 14.sp
                            )
                        },
                        modifier = Modifier
                            .fillMaxWidth(1f)
                            .wrapContentHeight(),
                        colors = TextFieldDefaults.outlinedTextFieldColors(
                            unfocusedBorderColor = Color.Transparent,
                            focusedBorderColor = Color.Transparent
                        ),
                        keyboardOptions = KeyboardOptions.Default.copy(imeAction = ImeAction.Done),
                        keyboardActions = KeyboardActions(onDone = {}),
                        textStyle = TextStyle(
                            fontSize = 14.sp,
                            fontFamily = roboto,
                            lineHeight = 1.2.em
                        )
                    )
                }
            }
        }
    }
}

关键说明： #

• windowInsetsPadding(WindowInsets.ime)：动态响应键盘的显示/隐藏状态，直接调整BottomBar的位置，比imePadding()更精准。
• contentWindowInsets的扩展配置：让Scaffold自动管理内容区域与键盘的间距，无需在内容层重复添加imePadding()。
• imeNestedScroll()：保证键盘弹出时，滚动区域能自动上移，确保输入框处于可见区域。

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