键入时具有多种样式的 TextField 出现问题。只有最后一个字符是样式

Question

在我的 UI 上选择一个按钮后，我想将粗体样式应用于我正在输入的文本 我不明白为什么只有最后一个字符加粗，而前一个字符都设置为默认样式。 我究竟做错了什么？为什么 TextField 不记得之前加粗的内容？

例子：

我想要的： 这是我想要的文本

的示例

我得到了什么： 这是我想要的文本示例t

 val textState = remember { mutableStateOf(TextFieldValue()) }


TextField(
    value = textState.value,
    onValueChange = {

        val prevPos = textState.value.selection.start
     

        if (selectedButton1.value) {
            val annotatedString = buildAnnotatedString {
                append(it.text)

                addStyle(
                    SpanStyle(fontWeight = FontWeight.Bold),
                    prevPos,
                    it.text.length
                )
            }

            textState.value =  it.copy(annotatedString, it.selection, it.composition)
        } else {
            textState.value =  it
        }
    },

    placeholder = { Text(placeholder, style = textStyle) },
    modifier = modifier,
    enabled = enabled,
    textStyle = textStyle,...

Answer 1

每次计算前一个pos；因此它只是最后一个字符。由于光标移动，新的 TextFileValue 将具有旧的 +1。 如果你想从一个按钮中选择，你可以使用另一种状态。

var prevPos by remember { mutableStateOf(0) }

在按钮中：

onClick = {
   // Before typing:
   prevPos = textState.value.selection.start
}