在Jetpack Compose中设置对焦顺序最简单的方法是什么？ [英] What is the simplest way to set the focus order in Jetpack Compose?

问题描述

我有一列文本字段，类似于：

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

当用户按下Tab或键盘上的Next按钮时，我希望将焦点移到每个Textfield上的下一个。当前按Tab可在文本字段中插入一个制表符。按Next(下一步)按钮不起任何作用。我可以为每个文本字段创建一个FocusRequester，并将keyboardActions onNext设置为请求每个文本字段的下一个字段上的焦点。这有点单调乏味，而且没有解决Tab行为。

推荐答案

我最近找到了这篇文章：https://medium.com/google-developer-experts/focus-in-jetpack-compose-6584252257fe

它解释了另一种处理焦点的方法，这种方法要简单得多。

val focusManager = LocalFocusManager.current
TextField(
    modifier = Modifier
        .onPreviewKeyEvent {
            if (it.key == Key.Tab){
                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) }
    )
)

这篇关于在Jetpack Compose中设置对焦顺序最简单的方法是什么？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！