Compose TextField选中文本后无法保留选中状态，界面闪烁问题求助

问题现象 #

编写了包含两个BasicTextField的Compose函数，期望根据TextField的选中文本显示操作视图，但选中时视图闪烁，选中状态直接丢失，效果如下：

问题根源 #

1. 焦点被强制清除：在AnimatedVisibility内部调用了focusManager.clearFocus()，选中文本后操作栏显示时直接让TextField失去焦点，导致选中状态被清除。
2. 不必要的状态与重组：单独维护selectedTextLength状态，每次TextField值变化时都更新该状态，引发额外重组；同时操作栏的显示/隐藏触发的重组会干扰TextField的焦点状态。
3. 输入状态被覆盖：LaunchedEffect中直接用TextFieldValue(uiState.note.title)赋值，会覆盖用户当前的输入和选中状态，导致重组时选中丢失。

解决方案 #

1. 移除焦点清除操作 #

删除AnimatedVisibility内部的focusManager.clearFocus()，这是选中状态丢失的核心原因：

AnimatedVisibility(visible = openEditContentsHolder) {
    // 移除该行：focusManager.clearFocus()
    Box(
        modifier = modifier
            .fillMaxWidth()
            .padding(20.dp)
    ) {
        Surface(
            modifier = modifier
                .fillMaxWidth()
                .height(56.dp),
            shape = RoundedCornerShape(41.dp),
            color = MaterialTheme.colorScheme.scrim,
            shadowElevation = 8.dp
        ) {
            Row(
                modifier = modifier.fillMaxWidth(),
                horizontalArrangement = Arrangement.SpaceAround,
                verticalAlignment = Alignment.CenterVertically
            ) {
                Icon(
                    painter = painterResource(id = com.sn.designsystem.R.drawable.edit),
                    contentDescription = "edit"
                )
            }
        }
    }
}

2. 优化状态更新逻辑 #

无需单独维护selectedTextLength，直接通过TextFieldValue的selection判断选中状态，同时确保切换TextField时操作栏不会错误隐藏：

// 移除不必要的selectedTextLength状态
// val selectedTextLength = remember { mutableIntStateOf(0) }

// 标题TextField的状态更新
NoteBasicTextField(
    value = titleValue,
    updateTextValue = {
        titleValue = it
        // 检查当前TextField是否有选中内容
        val titleHasSelection = it.selection.max != it.selection.min
        // 同时检查描述TextField的选中状态，避免切换时隐藏操作栏
        openEditContentsHolder = titleHasSelection || 
                                (descriptionValue.selection.max != descriptionValue.selection.min)
    },
    textStyle = MaterialTheme.typography.headlineSmall.copy(fontSize = 20.sp),
    placeholder = "Enter title",
    keyboardOptions = KeyboardOptions(imeAction = ImeAction.Done),
)

// 描述TextField的状态更新
NoteBasicTextField(
    value = descriptionValue,
    updateTextValue = {
        descriptionValue = it
        val descHasSelection = it.selection.max != it.selection.min
        openEditContentsHolder = descHasSelection || 
                                (titleValue.selection.max != titleValue.selection.min)
    },
    textStyle = MaterialTheme.typography.labelLarge.copy(fontSize = 13.sp),
    placeholder = "Enter description",
    keyboardOptions = KeyboardOptions(imeAction = ImeAction.Done),
)

3. 保留用户输入状态 #

修改LaunchedEffect，仅当视图模型的note文本与当前输入不同时才更新，且保留用户的选中状态：

LaunchedEffect(key1 = uiState.note) {
    val newTitle = uiState.note.title
    if (titleValue.text != newTitle) {
        // 使用copy保留原有选中状态，仅更新文本内容
        titleValue = titleValue.copy(text = newTitle)
    }
    val newDescription = uiState.note.description ?: ""
    if (descriptionValue.text != newDescription) {
        descriptionValue = descriptionValue.copy(text = newDescription)
    }
}

效果验证 #

修改后，选中文本时操作栏正常显示，TextField焦点和选中状态不会丢失，视图也不会出现闪烁现象。

内容的提问来源于stack exchange，提问作者Saeed Noshadi