我帮你拆解这两个Compose聊天界面的常见坑，直接给你能落地的解决方案，改完就能和WhatsApp的输入栏表现一致：

问题1：键盘上方多余空白，输入栏没贴紧键盘 #

问题根源 #

你现在的实现是手动测量输入栏高度给LazyColumn加底部内边距，同时给整个Box加了imePadding()，这会导致双重内边距叠加：键盘弹出时，imePadding()给Box加了底部空白，而LazyColumn又额外加了输入栏高度的内边距，自然就出现了大空隙。而且手动测量高度的方式在键盘状态变化时容易出现延迟或误差。

最优解决方案：用Scaffold自动处理布局 #

Compose的Scaffold专门为这种有底部栏的界面做了优化，会自动处理键盘弹出时的内边距调整，不需要手动计算高度。直接把外层Box换成Scaffold，输入栏放在bottomBar参数里，LazyColumn作为content即可。

问题2：输入首行空格时高度跳变 #

问题根源 #

OutlinedTextField的默认内部布局会根据文本的基线位置动态调整高度，当输入首行空格时，文本的基线计算会出现异常，导致高度突然跳动。WhatsApp的输入栏是固定最小高度，仅当文本换行时才自动扩展，所以我们需要强制TextField的视觉高度稳定。

解决方案：固定内部内边距+稳定高度约束 #

给OutlinedTextField设置固定的contentPadding，同时明确minLines和maxLines，让高度只有在文本真正需要换行时才扩展。

完整修改后的代码 #

把你的代码替换成下面的版本，每一步都加了注释：

@Composable
fun ChatScreen(messages: List<Message>, listState: LazyListState) {
    var text by remember { mutableStateOf("") }

    // 用Scaffold替代Box，自动处理底部栏与键盘的交互
    Scaffold(
        modifier = Modifier.fillMaxSize(),
        bottomBar = {
            // 输入栏作为Scaffold的bottomBar，自动锚定在键盘上方
            Row(
                modifier = Modifier
                    .fillMaxWidth()
                    // 仅给输入栏加导航栏内边距，避免影响内容区
                    .windowInsetsPadding(WindowInsets.navigationBars),
                verticalAlignment = Alignment.CenterVertically
            ) {
                OutlinedTextField(
                    value = text,
                    onValueChange = { text = it },
                    modifier = Modifier
                        .weight(1f)
                        // 固定最小/最大高度，和WhatsApp一致
                        .heightIn(min = 56.dp, max = 120.dp)
                        .padding(horizontal = 8.dp),
                    placeholder = { Text("Message...") },
                    // 固定内部内边距，避免首行空格导致高度跳变
                    contentPadding = PaddingValues(horizontal = 16.dp, vertical = 12.dp),
                    shape = RoundedCornerShape(28.dp), // WhatsApp风格的圆角
                    maxLines = 5,
                    singleLine = false,
                    // 匹配WhatsApp的边框风格
                    colors = TextFieldDefaults.outlinedTextFieldColors(
                        focusedBorderColor = Color.Gray,
                        unfocusedBorderColor = Color.LightGray
                    )
                )
                // 发送按钮，和WhatsApp位置一致
                IconButton(onClick = { 
                    // 这里加发送逻辑
                    if(text.isNotBlank()) {
                        // 发送后清空输入框
                        text = ""
                    }
                }) {
                    Icon(Icons.Filled.Send, contentDescription = "Send message")
                }
            }
        }
    ) { scaffoldPadding ->
        // LazyColumn用Scaffold的padding，自动预留bottomBar的高度，不需要手动计算
        LazyColumn(
            modifier = Modifier.fillMaxSize().padding(scaffoldPadding),
            state = listState,
            contentPadding = PaddingValues(horizontal = 12.dp, vertical = 8.dp)
        ) {
            items(messages) { message ->
                MessageBubble(message = message)
            }
        }
    }
}

关键优化点说明 #

1. 键盘锚定：Scaffold的bottomBar会自动响应WindowInsets.ime，键盘弹出时会自动把输入栏推到键盘上方，完全不需要手动处理imePadding()或测量高度，彻底解决多余空白问题。
2. 稳定高度：通过固定contentPadding，让TextField的内部文本区域高度始终一致，即使输入首行空格，也不会因为基线计算问题导致高度跳变。只有当文本超过一行时才会自动扩展到maxLines的高度。
3. WhatsApp风格对齐：设置RoundedCornerShape(28.dp)（和WhatsApp输入栏圆角一致），heightIn(min=56.dp, max=120.dp)保证了输入栏的最小/最大高度，视觉上完全对齐。
4. 简化代码：去掉了手动测量输入栏高度的冗余逻辑，Scaffold自动处理内容区和底部栏的间距，代码更简洁可靠。

额外小技巧 #

• 若要模拟WhatsApp的无框浅灰色输入栏：给OutlinedTextField的modifier加background(Color(0xFFF0F0F0), shape = RoundedCornerShape(28.dp))，再把边框颜色设为透明即可。
• 自动滚动到最新消息：在messages状态变化时，调用listState.animateScrollToItem(messages.lastIndex)。
• 限制输入长度：在onValueChange中加text = it.take(2000)（比如限制2000字）。

这样改完，你的输入栏就会完全符合预期：贴紧键盘、高度稳定、自动扩展、无首行空格跳变，和WhatsApp的表现一模一样。