BasicTextField使用TextRange时文本选择功能失效问题排查

问题根因 #

• 你预设全选参数的时机早于TextField完成初始化挂载：DisposableEffect在组件首次挂载时就立即执行焦点请求，此时TextField还未完成初始值绑定，你设置的非零长度选中范围会被组件默认逻辑重置。
• Compose TextField默认仅在持有焦点时才会保留非零长度的选中范围，无焦点状态下设置的全选参数会被自动过滤，仅会保留起止索引相同的光标位置参数，这也是你传TextRange(2,2)能生效、传全选范围不生效的核心原因。
• 原有代码中focusRequester的声明方式存在冗余，FocusRequester本身是稳定实例，不需要包裹在mutableStateOf中。

修复方案 #

调整全选设置时机，在TextField成功获取焦点后再更新选中范围，修复后的代码如下：

@Composable
fun TestFunction(name: String) {
    var fieldValue by remember {
        mutableStateOf(TextFieldValue(name))
    }
    val focusRequester = remember { FocusRequester() }

    BasicTextField(
        value = fieldValue,
        onValueChange = { fieldValue = it },
        modifier = Modifier
            .focusRequester(focusRequester)
            // 监听焦点状态，获取焦点后自动全选
            .onFocusChanged { focusState ->
                if (focusState.isFocused) {
                    fieldValue = fieldValue.copy(
                        selection = TextRange(0, fieldValue.text.length)
                    )
                }
            },
    )

    // 组件挂载后自动请求焦点
    LaunchedEffect(Unit) {
        focusRequester.requestFocus()
    }
}

该方案不仅能实现页面加载后自动全选文本的需求，即使用户后续手动点击输入框获取焦点，也会自动触发全选逻辑，符合常见的交互预期。

内容的提问来源于stack exchange，提问作者Gopi S