Android Jetpack Compose如何为TextField设置数字输入范围限制

完全可以在Jetpack Compose中实现OutlinedTextField的1-10范围数字输入限制，核心逻辑是在onValueChange回调中自定义输入过滤规则，不需要引入额外第三方依赖。

• 不要仅依赖KeyboardType.Number做限制：该配置只会默认唤起数字键盘，部分机型下用户仍可能输入非数字内容，必须在回调层做拦截
• 保留空输入场景：允许输入框为空，避免用户删除内容时出现操作卡顿
• 分层过滤逻辑：先过滤非数字内容，再做数值范围校验，仅符合规则的输入才更新状态
• 兼容中间输入状态：比如用户输入10时，先输入的1属于合法中间状态，需要允许保留，不能直接拦截

@Preview(showBackground = true)
@Composable
fun OutlinedTextFieldComposable() {
    var text by remember { mutableStateOf("") }
    OutlinedTextField(
        value = text,
        onValueChange = { input ->
            // 允许空输入，方便用户清空后重新输入
            if (input.isBlank()) {
                text = input
                return@OutlinedTextField
            }
            // 过滤非数字内容，非纯数字输入直接拦截
            val numberValue = input.toIntOrNull() ?: return@OutlinedTextField
            // 仅保留1-10范围内的数值输入
            if (numberValue in 1..10) {
                text = input
            }
        },
        label = { Text("请输入1-10范围内的数字") },
        keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Number),
        // 可选：输入非法时展示错误样式
        isError = text.isNotBlank() && (text.toIntOrNull() ?: 0) !in 1..10
    )
}

• 如果需要禁止前导0输入（比如拦截01这类无效格式），可以在转数字判断前增加if (input.startsWith("0")) return@OutlinedTextField逻辑
• 如果需要支持小数范围限制，把toIntOrNull()替换为toDoubleOrNull()，调整范围判断逻辑即可
• 如果需要输入超限后展示提示文案，可以在OutlinedTextField下搭配Modifier.padding增加Text组件写错误提示，绑定isError状态控制显示隐藏

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