如何在 android jetpack compose 的文本字段中設置數字限制？

Question

我在 android jetpack compose 中有一個文本字段，所以我想限制數字，例如； 用戶只能寫從 1 到 10 的數字，可以在 jetpack compose 中完成嗎？

@Preview(showBackground = true)
@Composable
fun OutlinedTextFieldComposable() {
    var text by remember { mutableStateOf("") }
    OutlinedTextField(
        value = text,
        onValueChange = { text = it },
        label = { Text("Label") },
        keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Number))
 
}

Answer 1

您可以像這樣在onValueChange中為它設置一個條件：

@Preview(showBackground = true)
@Composable
fun OutlinedTextFieldComposable() {
    var text by remember { mutableStateOf("") }
    val maxNumbers = 10
    OutlinedTextField(
        value = text,
        onValueChange = { if (it.toInt() <= maxNumbers) text = it },
        label = { Text("Label") },
        keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Number))
 
}