TextInput只允许数字

请试试这个:

1. keyboardType='numeric' 在标签中 TextInput
2. 当你证明没有把数字放在电脑的键盘上时,请使用仿真器的键盘
3. textContentType='telephoneNumber'

正如拉维·鲁帕雷利亚所说,这是一只虫子 TextInput 当状态文本短于当前文本输入值时,不更新。好像这个问题已经解决了 react-native 0.57.RC . 目前我正在使用以下修复程序。

handleInputChange = (text) => {

    const filteredText = text.replace(/\D/gm, '');

    if(filteredText !== text) {
      // set state text to the current TextInput value, to trigger
      // TextInput update.
      this.setState({ text: text });

      // buys us some time until the above setState finish execution
      setTimeout(() => {

        this.setState((previousState) => {
          return {
            ...previousState,
            text: previousState.text.replace(/\D/gm, '')
          };
        });

      }, 0);
    } else {
      this.setState({ text: filteredText });
    }
}

React native未提供键盘类型,可从键盘中删除标点符号。您需要使用带replace方法的正则表达式从文本和集合中删除标点符号 keyboardType = 'numeric' .

正则表达式

/[-#*,.<gt;{}[]/]/gi

 onTextChanged(value) {
    // code to remove non-numeric characters from text
    this.setState({ number: value.replace(/[- #*;,.<>\{\}\[\]\\\/]/gi, '') });
  }

请查看零食链接

https://snack.expo.io/@vishal7008/1e004c

<TextInput 
   ...
   textContentType='telephoneNumber' 
   dataDetectorTypes='phoneNumber' 
   keyboardType='phone-pad'
/>

当有来自用户的输入时,你可以像这样改变特定文本输入框的键盘类型,如数字或字母等。。。

<TextInput>
  //contains some code
  keyboardType="Numeric"
</TextInput>