Using RN Fingerprint in our React Native Application

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

. . .

Leave a Comment

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


Be the first to comment.

css.php

Great Product, Great Team, and Great Support Service. And if you want to add more features to the product, they can submit any idea that comes to your mind. They really care about their clients and we are really happy and honored to deal with Webkul.

Osama
Talk to Sales

Global

Live Chat
Start a Project


    Message Sent!

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

    Back to Home