Jetpack Compose TextField如何实现EditText的android:selectAllOnFocus效果

要实现和原生EditText的android:selectAllOnFocus相同的效果，核心思路是监听TextField的焦点状态，在控件获得焦点时手动将文本选中范围设置为整个文本长度，具体实现如下：

基础实现方案 #

你需要使用TextFieldValue托管TextField的文本和选中状态，配合onFocusChanged修饰符监听焦点变化：

import androidx.compose.material.TextField
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.runtime.getValue
import androidx.compose.runtime.setValue
import androidx.compose.ui.Modifier
import androidx.compose.ui.focus.onFocusChanged
import androidx.compose.ui.text.TextRange
import androidx.compose.ui.text.input.TextFieldValue

// 组合函数内代码
var textFieldValue by remember {
    mutableStateOf(TextFieldValue("初始文本内容"))
}

TextField(
    value = textFieldValue,
    onValueChange = { textFieldValue = it },
    modifier = Modifier
        .onFocusChanged { focusState ->
            // 仅在获得焦点时触发全选
            if (focusState.isFocused) {
                textFieldValue = textFieldValue.copy(
                    selection = TextRange(
                        start = 0,
                        end = textFieldValue.text.length
                    )
                )
            }
        }
)

复用优化方案 #

你可以把该逻辑封装为Modifier扩展函数，在多个TextField场景下直接复用：

fun Modifier.selectAllOnFocus(
    textValue: TextFieldValue,
    onValueUpdate: (TextFieldValue) -> Unit
): Modifier = this.onFocusChanged {
    if (it.isFocused) {
        onValueUpdate(
            textValue.copy(
                selection = TextRange(0, textValue.text.length)
            )
        )
    }
}

// 使用示例
var inputValue by remember { mutableStateOf(TextFieldValue("")) }
TextField(
    value = inputValue,
    onValueChange = { inputValue = it },
    modifier = Modifier.selectAllOnFocus(inputValue, { inputValue = it })
)

该实现和原生属性行为完全一致：仅在控件首次获得焦点时触发全选，后续用户手动调整选中位置、编辑文本都不会受到额外影响。

内容的提问来源于stack exchange，提问作者Piotr Aleksander Chmielowski