Jetpack Compose：按下Shift+Tab时如何实现焦点上移

你的代码核心问题是逻辑运算符优先级错误，导致Tab键的处理没有限制按键事件类型，进而干扰了Shift+Tab/Enter的焦点移动逻辑。

问题分析 #

原代码中的条件判断：

if (it.key == Key.Tab || it.key == Key.Enter && it.type == KeyEventType.KeyDown)

由于&&优先级高于||，实际执行逻辑等价于：

if ((it.key == Key.Tab) || (it.key == Key.Enter && it.type == KeyEventType.KeyDown))

这会导致：

1. Tab键按下/抬起时都会触发焦点移动，可能造成重复触发或焦点来回跳动；
2. Shift+Tab的处理逻辑虽然方向正确，但重复触发会抵消上移效果。

修复方案 #

将Tab和Enter的判断用括号包裹，统一限制为KeyDown事件触发，确保仅在按键按下时处理一次焦点移动：

修正后的完整代码 #

Column {
    val focus = LocalFocusManager.current

    // 提取通用焦点导航逻辑（可选，简化代码）
    fun Modifier.focusNavigation() = this.onPreviewKeyEvent {
        if ((it.key == Key.Tab || it.key == Key.Enter) && it.type == KeyEventType.KeyDown) {
            val direction = if (it.isShiftPressed) FocusDirection.Up else FocusDirection.Down
            focus.moveFocus(direction)
            true // 消费事件，避免默认行为干扰
        } else {
            false
        }
    }

    TextField(
        value = "",
        onValueChange = {},
        modifier = Modifier
            .fillMaxWidth()
            .focusNavigation()
    )

    TextField(
        value = "",
        onValueChange = {},
        modifier = Modifier
            .fillMaxWidth()
            .focusNavigation()
    )
}

关键改动说明 #

1. 用(it.key == Key.Tab || it.key == Key.Enter)将两个按键判断包裹，确保它们都与it.type == KeyEventType.KeyDown条件结合；
2. 提取通用的focusNavigation修饰符，避免重复代码，提升可维护性；
3. 返回true消费事件，阻止TextField对Tab/Enter键的默认处理（比如换行）。

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