React Templates & Themes Logo React Templates & Themes
React Native Pincode screenshot

React Native Pincode

Author Avatar Theme by Jarden digital
Updated: 14 Mar 2021
398 Stars

A PIN code component for react native

Github

Categories

React native

Overview

The React Native PIN Code library is a customizable component for creating PIN code functionality in React Native applications. It offers features such as PIN storage in Keychain/Keystore, TouchID/FaceID authentication, animations, and integration with material icons. The library requires linking additional libraries for certain functionalities and provides options for customization.

Features

  • Customizable PIN Code Component: Allows users to set, enter, and confirm a PIN code.
  • Keychain/Keystore Integration: Enables secure storage of the PIN code.
  • TouchID/FaceID Authentication: Supports biometric authentication for enhanced security.
  • Animation Support: Utilizes animations for a better user experience.
  • Material Icons: Integrates material icons for visual representation.
  • Vibration Feedback: Utilizes device vibration for feedback.
  • Promise for Checking PIN Code: Provides a promise to check if a PIN code has been set.
  • Reset Options: Allows resetting internal states and user PIN code deletion.
  • Customizable Options: Provides various options for customizing the component behavior.

Installation

To install the React Native PIN Code library, follow these steps:

  1. Install the required dependencies:
    npm install react-native-pincodenpm prettier
  2. Link necessary libraries for additional functionalities:
    • For TouchID/FaceID: Link the react-native-touch-id library.
    • For Keychain/Keystore: Link the library for storing the PIN code securely.
  3. Configure permissions:
    • If using FaceID, add the necessary permission in your info.plist.
    • For Android, ensure the Vibrate permission is added to AndroidManifest.xml.

Summary

The React Native PIN Code library offers a convenient solution for implementing PIN code functionality in React Native apps. With support for biometric authentication, secure PIN storage, animations, and customization options, developers can enhance the security and user experience of their applications. By following the installation guide and utilizing the provided features, developers can easily integrate PIN code functionality into their React Native projects.