如何在BasicTextField获得焦点时选中全部内容

要实现点击BasicTextField就选中全部内容，无需依赖TextField组件的特定传参方式，BasicTextField本身可通过状态控制实现，具体方案如下：

• 用mutableStateOf(TextFieldValue)管理文本与选中状态：该状态对象可直接传给BasicTextField的value参数，用来控制显示文本和选中范围。
• 结合焦点监听处理全选逻辑：点击BasicTextField会触发焦点获取，此时更新状态中的selection为覆盖整个文本的范围即可。

完整代码示例 #

@Composable
fun SelectAllOnClickBasicTextField() {
    // 管理文本内容与选中状态
    val textState = remember { mutableStateOf(TextFieldValue(text = "请输入内容")) }
    val focusRequester = rememberFocusRequester()

    BasicTextField(
        value = textState.value,
        onValueChange = { newText -> textState.value = newText },
        focusRequester = focusRequester,
        onFocusChanged = { focusState ->
            // 获取焦点时选中全部文本
            if (focusState.isFocused) {
                textState.value = textState.value.copy(
                    selection = TextRange(0, textState.value.text.length)
                )
            }
        },
        modifier = Modifier
            .focusRequester(focusRequester)
            .fillMaxWidth()
            .padding(16.dp)
            .border(1.dp, Color.Gray, RoundedCornerShape(4.dp))
            .padding(horizontal = 12.dp, vertical = 8.dp)
    )
}

关键逻辑说明 #

• TextFieldValue.copy(selection = TextRange(0, text.length))：通过复制原状态并修改选中范围实现全选，不会破坏原有文本内容。
• onFocusChanged回调：仅在焦点从无到有时触发全选，避免重复执行逻辑。

内容的提问来源于stack exchange，提问作者David Aleksanyan