Jetpack Compose中如何获取TextField的文本变更、索引及长度？

Jetpack Compose的TextField没有直接对应EditText中beforeTextChanged和onTextChanged的回调，但可以通过以下几种方式实现类似的文本变更细节追踪，适配键盘建议插入这类场景：

1. 对比新旧TextFieldValue状态 #

TextField通常用TextFieldValue管理文本和光标状态，在onValueChange回调里对比新旧值，就能计算出变更的起始位置、删除长度和新增长度：

var textFieldValue by remember { mutableStateOf(TextFieldValue("")) }

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

        // 找到新旧文本的共同前缀长度，也就是变更起始位置
        val changeStart = oldText.commonPrefixWith(newText).length
        // 旧文本中从起始位置开始被删除的长度
        val deletedLength = oldText.length - changeStart
        // 新文本中从起始位置开始新增的长度
        val addedLength = newText.length - changeStart

        // 在这里处理你的提及逻辑，比如判断是否在触发提及的位置修改文本
        // ...

        textFieldValue = newValue
    }
)

这种方式适合大多数简单场景，比如普通输入、删除、替换操作；如果遇到批量文本修改，可能需要更精细的字符串差异算法，但日常需求基本够用。

2. 监听底层EditCommand（更精确） #

Compose的文本输入是通过EditCommand处理的，你可以通过onEditCommand回调直接获取编辑操作的精确细节，比如键盘建议插入的位置、删除的范围等：

var textFieldValue by remember { mutableStateOf(TextFieldValue("")) }
val textInputService = LocalTextInputService.current

TextField(
    value = textFieldValue,
    onValueChange = { textFieldValue = it },
    onEditCommand = { commands ->
        commands.forEach { command ->
            when (command) {
                is CommitTextCommand -> {
                    // 新增文本的起始位置和内容
                    val insertPosition = command.start
                    val insertedText = command.text
                    // 处理提及触发逻辑，比如判断插入位置是否符合@提及的规则
                }
                is DeleteSurroundingTextCommand -> {
                    // 删除操作的起始位置和长度
                    val deleteStart = command.start
                    val deleteLength = command.length
                    // 处理提及的移除逻辑
                }
                // 还可以处理SetSelectionCommand（光标移动）等其他命令
            }
        }
        // 务必将命令传递给默认服务，保证TextField正常工作
        textInputService?.onEditCommand(commands)
    }
)

这种方式能直接拿到编辑操作的原始信息，比字符串对比更准确，特别适合处理键盘建议插入这类场景，是实现提及功能的更优方案。

补充：现成的Compose提及组件 #

如果不想从零实现，也可以找一些成熟的Jetpack Compose第三方组件，已经封装好@提及的完整逻辑，不过需要注意组件的兼容性和维护状态。

内容的提问来源于stack exchange，提问作者Kevin van Mierlo