Jetpack Compose Desktop：如何实现Enter发送、Shift+Enter换行

问题分析 #

• 第一次尝试用KeyboardOptions和KeyboardActions无效，是因为Compose Desktop对IME_ACTION_SEND的支持和移动端存在差异，桌面端输入法通常不会触发该回调。
• 第二次尝试的问题在于Shift+Enter时错误添加空字符串，且拦截了所有Enter事件，导致TextField无法默认处理换行逻辑。

正确实现方案 #

通过onPreviewKeyEvent拦截无Shift组合的Enter事件来执行消息发送，对于Shift+Enter则放行，让TextField自行处理换行：

BasicTextField(
    value = textFieldState,
    onValueChange = { input ->
        textFieldState = input
    },
    modifier = Modifier.fillMaxSize().onPreviewKeyEvent { keyEvent ->
        when {
            // 按下Enter且未按Shift时，执行消息发送
            keyEvent.key == Key.Enter && !keyEvent.isShiftPressed -> {
                if (textFieldState.isNotBlank()) { // 可选：避免发送空消息
                    mPresenter.sendTextMsg(textFieldState)
                    textFieldState = ""
                }
                true // 拦截事件，阻止TextField默认处理
            }
            // 按下Enter且按了Shift，放行让TextField处理换行
            keyEvent.key == Key.Enter && keyEvent.isShiftPressed -> {
                false // 不拦截，使用TextField默认换行行为
            }
            else -> false
        }
    },
    textStyle = TextStyle(
        fontSize = 14.sp,
        textAlign = TextAlign.Start,
        fontWeight = FontWeight.Normal,
        fontFamily = NotoSans,
        color = Color.Black
    ),
    // 配置支持多行显示，适配换行需求
    maxLines = Int.MAX_VALUE,
    minLines = 1
)

额外说明 #

• 设置maxLines = Int.MAX_VALUE确保TextField可以展示多行内容，满足换行后的显示需求。
• 增加textFieldState.isNotBlank()判断，可避免用户误触发送空消息，优化交互体验。

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