React Native Masked Text

screenshot of React Native Masked Text
react
react-native

A pure javascript masked text and input text component for React-Native.

Overview:

React-native-masked-text is a simple masked text (normal text and input text) component designed for React-Native. This library provides a convenient way to format text input with different masks, such as cellphone numbers, CPF, CNPJ, credit card numbers, custom patterns, and datetime formats. Although the library is no longer actively maintained, it supports React-Native version 0.32.0 or higher.

Features:

  • TextInputMask for Different Masks: Supports various masks like Cel Phone, CPF, CNPJ, Credit Card, Custom, and Datetime.
  • Customizable Options: Users can customize mask types, DDD inclusion, obfuscation, validator functions, and translations.
  • Validation Methods: Provides methods for checking validity and getting unmasked values for CPF, CNPJ, and credit card masks.

Summary:

React-native-masked-text offers a practical solution for applying masks to text inputs in React-Native applications. With support for various predefined masks and customization options, developers can easily format and validate different types of text data. This library simplifies the process of handling and displaying formatted text, enhancing the user experience in mobile applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

react-native
React Native

React Native is a framework for building mobile applications using React and JavaScript. It enables developers to write once and deploy to multiple platforms, including iOS, Android, and the web, while providing a native app-like experience to users.