Jetpack Compose TextField：修改带注释文本时如何批量移除整段内容？

要实现修改注释内文本时批量移除整段带注释的内容，核心是追踪注释段的位置范围，并在文本变化时判断修改是否触发了注释段的编辑，进而移除整个段。以下是具体实现方案：

步骤1：记录注释段的位置信息 #

首先，我们需要在构建AnnotatedString时，同步记录每个带注释文本段的起始/结束索引和标签，这样后续才能快速定位被修改的注释段：

// 定义数据类存储注释段的位置和标签
data class AnnotationRange(
    val tag: String,
    val start: Int,
    val end: Int,
    val originalText: String
)

// 初始化AnnotatedString和对应的注释段记录
val originalAnnotatedText = buildAnnotatedString {
    append("TEST!! ")
    val start = length
    withAnnotation("TAG_CUSTOM_BACKGROUND", "@test") {
        append("@test")
    }
    val end = length
    // 保存这段注释的范围信息
    annotationRanges.add(AnnotationRange("TAG_CUSTOM_BACKGROUND", start, end, "@test"))
    append(" TEST2!!!")
}
// 用mutableStateOf管理注释段列表和当前TextFieldValue
val annotationRanges = remember { mutableStateListOf<AnnotationRange>() }
var textFieldValue by remember { mutableStateOf(TextFieldValue(originalAnnotatedText)) }

步骤2：在文本变化时判断并移除注释段 #

在TextField的onValueChange回调中，对比新旧文本的差异，检查修改位置是否落在某个注释段内。如果是，则直接移除整个注释段：

TextField(
    value = textFieldValue,
    onValueChange = { newValue ->
        val oldText = textFieldValue.text
        val newText = newValue.text

        // 找到文本变化的起始位置
        val changeStart = min(oldText.length, newText.length).let { minLen ->
            (0 until minLen).firstOrNull { oldText[it] != newText[it] } ?: minLen
        }

        // 检查变化位置是否落在某个注释段内
        val targetRange = annotationRanges.firstOrNull { range ->
            changeStart in range.start until range.end
        }

        if (targetRange != null) {
            // 移除整个注释段
            val newAnnotatedString = buildAnnotatedString {
                append(oldText.substring(0, targetRange.start))
                append(oldText.substring(targetRange.end))
            }
            // 更新TextFieldValue并调整光标位置
            val newCursorPosition = targetRange.start.coerceAtMost(newAnnotatedString.length)
            textFieldValue = TextFieldValue(
                text = newAnnotatedString,
                selection = TextRange(newCursorPosition)
            )
            // 从记录中移除该注释段
            annotationRanges.remove(targetRange)
        } else {
            // 非注释段修改，正常更新
            textFieldValue = newValue
        }
    },
    modifier = Modifier.fillMaxWidth()
)

说明 #

• 上述代码通过AnnotationRange记录每个注释段的位置，当用户修改注释段内的任意字符时，会触发整个段的移除。
• 光标位置会自动调整到注释段原来的起始位置，保证编辑体验连贯。
• 如果有多个注释段，该逻辑也能分别处理每个段的修改事件。

内容的提问来源于stack exchange，提问作者H.Kim