在Textinput中反应数字的本机MAX值

Question

我正在为 react native 中的数字创建一个输入字段。在文本字段中，我们可以对字符使用maxLength。但我想要这个字段中数字的最大值。

例如，当我设置数字限制为 10 时，用户不能输入数字的 11。

我不知道该怎么做。请写下您的宝贵意见或答案。先感谢您

Answer 1

在你的onChangeText道具中，你可以传递一个方法，就像：

  const onCheckLimit = (value: string) => {
    const parsedQty = Number.parseInt(value)
    if (Number.isNaN(parsedQty)) {
      setQuantity(0) //setter for state
    } else if (parsedQty > 10) {
      setQuantity(10)
    } else {
      setQuantity(parsedQty)
    }
  }
/* React Wrapper */
        <Input
          value={quantity}
          onChangeText={onCheckLimit}
          otherProps
        />
/*React Wrapper*/

如果传递的值高于限制，则将值设置为限制。否则，只需设置用户输入的值