Jetpack Compose BasicTextField如何设置固定不可删除的开头默认字符

你遇到的默认值"05"被覆盖的核心原因：没有在onValueChange回调中做输入拦截，直接将用户操作产生的新TextFieldValue赋值给状态，删除、选中替换等操作自然会把初始前缀覆盖掉。

具体实现步骤 #

• 状态初始化直接传入带固定前缀的TextFieldValue，不要仅传字符串
• 在输入回调中做三层校验：强制保留前缀、限制输入长度、修正光标位置
• 你已有的VisualTransformation不需要修改，继续负责把纯数字文本格式化为# ### ### ## ##的显示样式即可

核心代码示例 #

// 输入框状态初始化，默认带05前缀
var phoneValue by remember {
    mutableStateOf(TextFieldValue(text = "05"))
}

BasicTextField(
    value = phoneValue,
    onValueChange = { input ->
        // 第一步：提纯数字，过滤格式化产生的空格、用户输入的非数字字符
        val pureNumbers = input.text.filter { it.isDigit() }

        // 第二步：强制补全05前缀，覆盖所有删除/篡改前缀的场景
        val fixedPrefixText = when {
            pureNumbers.startsWith("05") -> pureNumbers
            pureNumbers.startsWith("5") -> "0$pureNumbers" // 仅删掉前缀0的场景
            pureNumbers.startsWith("0") -> "05${pureNumbers.drop(1)}" // 仅删掉前缀5的场景
            else -> "05$pureNumbers" // 前两位全删/替换的场景
        }

        // 第三步：限制总长度：2位固定前缀 + 8位用户输入 = 最多10位纯数字
        val finalText = fixedPrefixText.take(10)

        // 第四步：修正光标位置，禁止光标落到前缀区域
        val cursorPos = when {
            input.selection.start < 2 -> 2 // 光标跑到前缀位置时，强制移到前缀后
            input.selection.start > finalText.length -> finalText.length // 光标不超过文本末尾
            else -> input.selection.start
        }

        // 第五步：仅当内容或光标变化时更新状态，避免无效重组
        if (finalText != phoneValue.text || cursorPos != phoneValue.selection.start) {
            phoneValue = TextFieldValue(
                text = finalText,
                selection = TextRange(cursorPos)
            )
        }
    },
    visualTransformation = // 这里放你已经实现的手机号格式化VisualTransformation即可
)

体验优化说明 #

• 上述逻辑会自动拦截所有针对前两位"05"的删除、替换操作，用户无论怎么选中删除、退格，前缀都会自动补回
• 光标强制锁定在前缀之后，避免用户在前缀中间插入内容
• 自动过滤非数字输入，不需要额外做输入类型限制
• 总长度严格限制为10位，用户输满8位个人手机号段后无法继续输入

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