React Native TextInput that only accepts numeric characters

by

Using a RegExp to replace any non digit is faster than using a for loop with a whitelist, like other answers do.

Use this for your onTextChange handler:

onChanged (text) {
    this.setState({
        mobile: text.replace(/[^0-9]/g, ''),
    });
}

Performance test here: https://jsperf.com/removing-non-digit-characters-from-a-string

More Related Contents:

  1. Conditional Text Rendering in React Native
  2. Render HTML in React Native
  3. How to build .ipa application for react-native-ios? [closed]
  4. React Native: Possible unhandled promise rejection
  5. React-native fetch() from https server with self-signed certificate
  6. React Native error: “Could not determine java version from ‘9.0.1’.”
  7. react-native-fbsdk error: No resource found that matches the given name: attr ‘android:keyboardNavigationCluster’
  8. Want to share multiple images with separate caption to each image Whatsapp, react native share
  9. React Native Error: ENOSPC: System limit for number of file watchers reached
  10. How to navigate between different nested stacks in react navigation
  11. Unable to resolve module ‘AccessibilityInfo’, when trying to create release bundle
  12. componentWillMount is deprecated and will be removed in the next major version 0.54.0 in React Native
  13. ES6, how can you export an imported module in a single line?
  14. FlatList inside ScrollView doesn’t scroll
  15. How to make Metro (React Native packager) ignore certain directories
  16. Renaming a React Native project?
  17. Invariant Violation: requireNativeComponent: “RNSScreen” was not found in the UIManager
  18. React-native: How to control what keyboard pushes up
  19. KeyboardAvoidingView not Working Properly
  20. React-Native, Scroll View Not Scrolling
  21. Unable to resolve module `@babel/runtime/helpers/interopRequireDefault`
  22. React Native Android Build Error MainActivity.java:29: error: cannot find symbol
  23. react native get TextInput value
  24. Detect ScrollView has reached the end
  25. Network Response Time Out Error (create-react-native-app) (expo)
  26. However, this package itself specifies a `main` module field that could not be resolved
  27. How to download a file with React Native?
  28. React Native – React Navigation transitions
  29. JSON Parse error: Unrecognized token’
  30. fetch response.json() gives responseData = undefined

Leave a Comment