Jetpack Compose TextField金额格式化截断后输入出现多余字符异常

• 核心是软键盘输入合成缓存（Composition Region）与你持有TextFieldValue状态不同步。你输入6触发截断逻辑后，仅更新了TextFieldValue的文本和光标位置，没有通知软键盘清除未决字符缓存，软键盘仍将6视为有效输入的一部分，下次输入7时会将缓存的6与新输入的7拼接后传给onValueChange。
• 直接诱因是构造新TextFieldValue时仅传入了text和selection参数，完全丢弃了原TextFieldValue的composition字段信息，也未主动将其置空，导致合成输入缓存没有被清除。

方案1：主动清除合成缓存（适用于必须使用TextFieldValue的场景） #

修改updateAmount方法中构造TextFieldValue的逻辑，主动将composition参数设为null，强制清除软键盘的输入缓存：

_uiState.update {
    it.copy(
        amount = TextFieldValue(
            text = formattedAmount,
            selection = TextRange(formattedAmount.length),
            composition = null // 新增这行清除合成缓存
        )
    )
}

方案2：改用String类型作为输入状态（推荐，适合大部分金额输入场景） #

如果不需要处理选中替换、光标自定义定位等复杂逻辑，直接放弃TextFieldValue，改用String作为输入状态，可避免绝大多数状态同步问题：

1. 先修改UiState定义：

data class MyUiState(val amount: String = "")

2. 修改updateAmount逻辑：

fun updateAmount(input: String) {
    val formattedAmount: String = input.getFormattedAmount()
    text += "input = $input\n"
    text += "output = $formattedAmount \n"
    logs = text
    _uiState.update {
        it.copy(amount = formattedAmount)
    }
}

3. 修改BasicTextField传参：

BasicTextField(
    value = amount,
    onValueChange = updateAmount,
    keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Number)
)

方案3：用VisualTransformation做展示层格式化（最优） #

金额的逗号分隔属于展示层逻辑，不要直接修改输入的原始文本，改用VisualTransformation实现格式化展示，原始输入仅保留纯数字，上限判断直接对纯数字文本做校验，从根源避免输入状态同步问题。

内容的提问来源于stack exchange，提问作者Arpit Shukla