How to check support of Touch ID, Face Id ,Password and pattern lock in React-Native

Question

I am using react-native-fingerprint-scanner for Touch ID, Face Id, Passcode authentication.

Touch ID is working for me but How can I check if device support or not?

I have tried using react-native-touch-id but it is not for Face Id on android.

Is there any way to achieve this for both platforms (iOS/Android)?

Reference:Link

You can see if the device is supported by a module. What's the problem? — hong developer, Oct 03 '19 at 13:42
for me `biometryType` returns `true` only and how to go for `pattern/password` — Sagar, Oct 04 '19 at 04:21

score 2 · Answer 1 · edited Jan 29 '21 at 04:11

2

react-native-touch-id supports FaceId too. But, is not actively maintained anymore. So, they recommend to use expo local authentication. It works in all react native applications regardless of expo or not.

To use this, first you have to install react-native-unimodules. follow this guide https://docs.expo.io/bare/installing-unimodules/

Once it is installed you can install it by

npm install expo-local-authentication

add following line to your import

import LocalAuthentication from 'expo-local-authentication';

After that, we can use it.

async function biometricAuth(){
  const compatible = await LocalAuthentication.hasHardwareAsync();
  if (compatible) {
    const hasRecords = await LocalAuthentication.isEnrolledAsync();
    if (hasRecords) {
      const result = await LocalAuthentication.authenticateAsync();
      return result;
    }
  }
}

It will automatically choose between available local authentication (TouchID, FaceID, Number lock, Pattern lock etc) and authenticate the user.

edited Jan 29 '21 at 04:11

Sagar

5,273
4
37
50

answered Nov 20 '20 at 12:05

Haseeb A

5,356
1
30
34

Yes, it is for react native. Expo team made it supported for RN. Follow the steps above. – Haseeb A Nov 20 '20 at 14:13
"import * as LocalAuthentication from 'expo-local-authentication'; " should be right here. – Peanut Shi May 31 '21 at 10:50
This solution doesn't work for android devices which supports only face recognition unlock. Do you know any solution? I provided precise question here: https://stackoverflow.com/questions/73391435/face-id-biometry-face-recognition-unlock-on-android-devices-in-react-native – Piotr Witkoś Aug 23 '22 at 10:44

johnborges · Accepted Answer · 2019-10-04T18:19:21.283

1

react-native-touch-id should work for both TouchID and FaceID.

iOS allows the device to fall back to using the passcode, if faceid/touch is not available. this does not mean that if touchid/faceid fails the first few times it will revert to passcode, rather that if the former are not enrolled, then it will use the passcode.

from the docs

You can check to see if its supported first.

const optionalConfigObject = {
  fallbackLabel: 'Show Passcode', 
  passcodeFallback: true,
}

TouchID.isSupported(optionalConfigObject)
  .then(biometryType => {
    // Success code
    if (biometryType === 'FaceID') {
        console.log('FaceID is supported.');
    } else {
        console.log('TouchID is supported.');
    }
  })
  .catch(error => {
    // Failure code
    console.log(error);
  });

edited Oct 04 '19 at 18:19

answered Oct 03 '19 at 18:44

johnborges

2,422
20
33

Have you done for pass code if finger scan not done – Sagar Oct 04 '19 at 11:22
From my understanding, thats not how the pass code fallback works. See my updated answer. – johnborges Oct 04 '19 at 18:20
react-native-touch-id is a deprecated plugin, which one can I use today? – shogitai Feb 14 '20 at 17:27
It doesn't look deprecated just not actively maintained. An alternative is `expo-local-authentication` – johnborges Feb 14 '20 at 20:52
@johnborges do you have implementation guide for this `expo-local-authentication`? – Sagar Jan 29 '21 at 03:37
you can use my guide where i have puted code, if touch id or face ID fails than you can use device passcode https://github.com/avaiyakapil/react-native-touch-id – avaiyakapil Dec 28 '22 at 13:02

Ravi Jethwani · Answer 3 · 2022-04-28T13:24:16.533

0

enter image description here // use this package import RNBiometrics from "react-native-simple-biometrics"; this is both for touchId and passcode for android and ios

edited Apr 28 '22 at 13:24

answered Apr 28 '22 at 13:17

Ravi Jethwani

1
1

Please consider sharing the code directly in the answer instead of in a screenshot – Pranjal Gore May 02 '22 at 03:17

score 0 · Answer 4 · answered Dec 28 '22 at 13:06

react-native-touch-id will work for both TouchID and FaceID

I have updated the repo so now if you want to use passcode after face ID or Touch ID fails than use will be prompted to enter the PIN (only for ios)checkout my repo

https://github.com/avaiyakapil/react-native-touch-id

import TouchID from 'react-native-touch-id';

TouchID.authenticate('Authentication')
     .then(success => {
              // Success code
            })
            .catch(error => {
              // Failure code
            });

Sameer Ahmed · Answer 5 · 2021-07-05T11:41:26.340

//this code is for checking whether touch id is supported or not
    TouchID.isSupported()
          .then(biometryType => {
            // Success code
            if (biometryType === 'FaceID') {
              console.log('FaceID is supported.');
            } else if (biometryType === 'TouchID'){
              console.log('TouchID is supported.');
            } else if (biometryType === true) {
              // Touch ID is supported on Android
        }
          })
          .catch(error => {
            // Failure code if the user's device does not have touchID or faceID enabled
            console.log(error);
          });

How to check support of Touch ID, Face Id ,Password and pattern lock in React-Native

5 Answers5

Linked