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

We've bought a Shopware Extension which is a hybrid App, which we can now offer in the Google Play Store and the IOS App Store. I'am still impressed how fast and how sharp the support team leads us through every process of the App-Store clarification. Very fast and useful response.

Markus Walter

Markus Walter

Founder, Das Apartment Living

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