React Native Masked Text screenshot

React Native Masked Text

Author Avatar Theme by Bhrott
Updated: 3 Apr 2020
1609 Stars

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

Categories

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.

Installation:

To install the react-native-masked-text library, you can run the following command in your project directory:

npm install react-native-masked-text --save

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.