在 compose TextField 中格式化数字

Question

我正在尝试创建一个可重用的 NumberField 组件：

@Composable
fun NumberField(
  value: Number?,
  onNumberChange: (Number) -> Unit,
) {
  TextField(
    value = value?.toString() ?: "",
    onValueChange = {
      it.toDoubleOrNull()?.let { value ->
        if (value % 1.0 == 0.0) {
          onNumberChange(value.toInt())
        } else {
          onNumberChange(value)
        }
      }
    },
    singleLine = true,
    keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Number)
  )
}

用作：

@Composable
fun NumberContent() {
  val number = remember { mutableStateOf<Number?>(null) }

  NumberField(value = number.value) {
    number.value = it
  }
}

我希望数字是 Int 或 Double，具体取决于用户输入的内容。在您尝试输入十进制数之前，我上面的内容一直有效，因为它似乎是“5。”，不会解析为双精度数。我想让用户输入5.然后填写rest。因此，我不想在小数点后自动添加零，因为这可能不是他们想要输入的下一个数字。这是最好的方法吗？我知道我可以接受任何文本，然后尝试将他们稍后输入的文本格式化为 int 或 double 并让他们修复它，只是认为将它们全部捆绑在可组合中会很好。

Answer 1

你可以使用类似的东西：

TextField(
    value = text,
    onValueChange = {
        if (it.isEmpty()){
            text = it
        } else {
            text = when (it.toDoubleOrNull()) {
                null -> text //old value
                else -> it   //new value
            }
        }
    },
    singleLine = true,
    keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Number)
)