React Native TextInput that only accepts numeric characters

Question

I need to have a React Native TextInput component that will only allow numeric characters (0 - 9) to be entered. I can set the keyboardType to

Answer 1

First Solution

You can use keyboardType = 'numeric' for numeric keyboard.

  
        Enter Number
         this.onTextChanged(value)}
          value={this.state.number}
        />
      

In first case punctuation marks are included ex:- . and -

Second Solution

Use regular expression to remove punctuation marks.

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

Please check snack link

https://snack.expo.io/@vishal7008/numeric-keyboard