Jetpack Compose TextField实现selectAllOnFocus且支持拖拽光标的方案咨询

该需求可以实现，此前方案存在光标无法拖拽的问题，本质是手动维护TextFieldValue时错误地持续强制覆盖选区状态，冲掉了用户拖拽调整后的光标位置。

核心实现逻辑 #

仅在TextField获得焦点的瞬间触发1次全选操作，其余时间完全保留TextField返回的选区/光标状态，不做强制修改。

基础实现示例 #

每次TextField获得焦点时自动全选文本，全选后可自由拖拽光标调整位置：

var textFieldValue by remember {
    mutableStateOf(TextFieldValue("你的初始文本"))
}

TextField(
    value = textFieldValue,
    // 直接接收TextField返回的新值，包含用户调整后的选区/光标位置，不要手动覆写selection属性
    onValueChange = { newValue ->
        textFieldValue = newValue
    },
    modifier = Modifier.onFocusChanged { focusState ->
        // 仅当获得焦点且文本不为空时，触发一次全选
        if (focusState.isFocused && textFieldValue.text.isNotEmpty()) {
            textFieldValue = textFieldValue.copy(
                selection = TextRange(0, textFieldValue.text.length)
            )
        }
    }
)

与原生EditText行为完全对齐的优化版 #

原生selectAllOnFocus的逻辑是每次获得焦点时仅全选一次，用户调整光标后不会重复触发全选，可通过标记位实现：

var textFieldValue by remember {
    mutableStateOf(TextFieldValue("你的初始文本"))
}
// 标记当前焦点周期是否已经触发过全选
var hasSelectAllTriggered by remember { mutableStateOf(false) }

TextField(
    value = textFieldValue,
    onValueChange = { newValue ->
        textFieldValue = newValue
        // 输入文本时重置标记，下次获得焦点可再次触发全选
        hasSelectAllTriggered = false
    },
    modifier = Modifier.onFocusChanged { focusState ->
        // 获得焦点、未触发过全选、文本不为空三个条件同时满足时，才触发全选
        if (focusState.isFocused && !hasSelectAllTriggered && textFieldValue.text.isNotEmpty()) {
            textFieldValue = textFieldValue.copy(
                selection = TextRange(0, textFieldValue.text.length)
            )
            hasSelectAllTriggered = true
        }
        // 失去焦点时重置标记
        if (!focusState.isFocused) {
            hasSelectAllTriggered = false
        }
    }
)

两种实现都支持用户在全选后自由拖拽光标调整位置，不会出现选区被强制重置的问题。

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