Using RN Fingerprint in our React Native Application

Updated 6 March 2021

Save

A Fingerprint is a type of electronic security system that uses fingerprints for biometric authentication to grant the user access to information or to approve transactions. Basically, I have used it for Fingerprint Login. For it, I have saved/add User secure information wit his fingerprint and retrieve user information when user wants to log in.

For Fingerprint Scanner I have uses “react-native-fingerprint-scanner”Ā library. it supports both technology iOS and Android and it easy to implement and modifiable.

How to Install it on our project-Ā Use the following command

App Permissions

Add the following permissions to their respective files:

In yourĀ AndroidManifest.xml:

In yourĀ Info.plist:

If you use proguard rule then add following code on your android/app/proguard-rules.pro file

Check fingerprint availability in the device when start Login Component.

and now create a popup dialog for Android/iOS and add fingerprintĀ  Authentication in its componentDidMount

For Android

For iOSĀ (Please note that there is no need to return a view from render method It auto provide iOS dialog for render view)

 

References: https://www.npmjs.com/package/react-native-fingerprint-scanner

author
. . .

Leave a Comment

Your email address will not be published. Required fields are marked*


Be the first to comment.

Start a Project


    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home