Jetpack Compose，文本字段中的自定义光标位置 [英] Jetpack Compose, custom cursor position in TextField

问题描述

当文本字段获得焦点时，如何将光标设置在其上的任意位置？ 相当于经典Android查看系统的editText.setSelection(position)。

这是我用来让编辑文本在添加到屏幕时自动接收焦点的代码。 我希望能够将光标从默认位置0移动

val (getText, setText) = remember { mutableStateOf("hello") }
AutofocusEditText(
    text = getText,
    setText = setText
)
    
...

@Composable
private fun AutofocusEditText(
    text: String,
    setText : (String) -> Unit
) {
    val focusState = remember { mutableStateOf(FocusState.Inactive) }
    val focusRequester = FocusRequester()
    val focusModifier = Modifier.focus()
    Row(
        modifier = Modifier.focusObserver { newFocusValue -> focusState.value = newFocusValue }
    ) {
        val focusRequesterModifier =
            Modifier.focusRequester(focusRequester)

        TextField(
            value = text,
            modifier = focusModifier.then(focusRequesterModifier),
            backgroundColor = Color.Transparent,
            onValueChange = setText,
            keyboardOptions = KeyboardOptions.Default.copy(
                imeAction = ImeAction.Done
            ),
            onImeActionPerformed = { action, softKeyboardController ->
                if (action == ImeAction.Done) {
                    softKeyboardController?.hideSoftwareKeyboard()
                }
            }
        )
    }
    onActive {
        focusRequester.requestFocus()
    }
}

推荐答案

您必须使用TextFieldValue版本的文本字段。

@Composable
fun TextField(
    value: TextFieldValue,
    onValueChange: (TextFieldValue) -> Unit,
    /* ... */) {/* Impl */}

代码的简化版本：

    @Composable
    fun AutoFocusingText() {
        val textState = remember { mutableStateOf(TextFieldValue()) }
        val focusState = remember { mutableStateOf(FocusState.Inactive) }
        val focusRequester = FocusRequester()
        val focusModifier = Modifier.focus()
        Row(
            modifier = Modifier.focusObserver { focusState.value = it }
        ) {
            val focusRequesterModifier = Modifier.focusRequester(focusRequester)
            TextField(
                modifier = focusModifier.then(focusRequesterModifier),
                value = textState.value,
                onValueChange = { value: TextFieldValue ->
                    textState.value = value
                }
            )
        }
        onActive {
            focusRequester.requestFocus()
        }
    }

如果初始值为非空字符串，则必须手动更改选择。将空的TextFieldValue替换为：TextFieldValue(text = value, selection = TextRange(value.length, value.length))

当您想要像在代码中那样提取值时。您可以将当前选定内容作为参数添加，也可以将其与TextFieldValue结合提取。否则，如果用户在文本中间进行编辑，光标将跳回到下一个onValueChanged的末尾。

这篇关于Jetpack Compose，文本字段中的自定义光标位置的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！