Jetpack Compose中如何限制文本输入框不可输入两个小数点

要实现禁止用户在TextField中输入多个小数点的功能，核心是在输入变更时做逻辑校验，过滤掉非法输入。以下是具体实现方案：

核心思路 #

在onValueChange回调中对用户输入的内容进行校验：

• 若新输入内容包含多个小数点，只保留第一个小数点及之后的合法数字
• 同时过滤掉数字和小数点以外的非法字符，保证输入格式合规

代码实现 #

@Composable
fun DecimalInputTextField() {
    var inputText by remember { mutableStateOf("") }

    // 过滤非法输入的逻辑函数
    fun filterInvalidInput(newValue: String): String {
        // 先过滤掉非数字和小数点的字符
        val filtered = newValue.replace("[^\\d.]".toRegex(), "")
        // 检查是否存在多个小数点，若有则保留第一个小数点，后续小数点全部移除
        return if (filtered.count { it == '.' } > 1) {
            val firstDotIndex = filtered.indexOf('.')
            filtered.substring(0, firstDotIndex + 1) + filtered.substring(firstDotIndex + 1).replace(".", "")
        } else {
            filtered
        }
    }

    TextField(
        value = inputText,
        onValueChange = { newText ->
            inputText = filterInvalidInput(newText)
        },
        label = { Text("输入浮点数") },
        keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Decimal),
        placeholder = { Text("例如：56.54、.266、367.5") }
    )
}

逻辑说明 #

• 支持所有合法输入场景：纯整数、开头带小数点（如.266）、中间带单个小数点（如56.54）
• 自动拦截多个小数点的输入：当用户尝试输入第二个小数点时，该字符会被直接过滤，不会显示在输入框中
• 额外过滤非数字/小数点的字符，避免用户输入其他无效符号

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