android - 在 Jetpack Compose 中设置焦点顺序的最简单方法是什么？

Question

我有一列TextFields，例如:

Column {
    TextField(
        value = ...,
        onValueChange = { ... },
        keyboardOptions = KeyboardOptions(imeAction = ImeAction.next),
    )
    TextField(
        value = ...,
        onValueChange = { ... },
        keyboardOptions = KeyboardOptions(imeAction = ImeAction.next),
    )
    .
    .
    .
}

当用户按 Tab 或键盘上的下一个按钮时，我希望将每个 TextField 上的焦点移到下一个。当前按 Tab 会在 TextField 中插入一个选项卡。按下一个按钮没有任何作用。我可以为每个 TextField 创建一个 FocusRequester 并设置 keyboardActions onNext 以请求将焦点放在每个 TextField 的下一个字段上。这有点乏味，并且没有解决 Tab 行为。

Answer 1

我最近发现了这篇文章:https://medium.com/google-developer-experts/focus-in-jetpack-compose-6584252257fe
它解释了一种更简单的处理焦点的不同方法。

val focusManager = LocalFocusManager.current
TextField(
    modifier = Modifier
        .onPreviewKeyEvent {
            if (it.key == Key.Tab && it.nativeKeyEvent.action == ACTION_DOWN){
                focusManager.moveFocus(FocusDirection.Down)
                true
            } else {
                false
            }
        },
    value = text,
    onValueChange = { it -> text = it },
    keyboardOptions = KeyboardOptions(imeAction = ImeAction.Next),
    keyboardActions = KeyboardActions(
        onNext = { focusManager.moveFocus(FocusDirection.Down) }
    )
)