react-native-secure-authentication v1.0.0

react-native-secure-authentication

As of now react-native-local-auth is not maintained and not working properly. So I forked the project and created this library which support authenticate users with Touch ID, with optional fallback to passcode (if TouchID is unavailable or not enrolled). Most of the code and documentation is originally from react-native-local-auth.

Why use this library

1. Maintained Library
2. Support autolinking
3. Support Typescript

This project also contained typescript definitions.

Documentation

• UI
• Install
• Usage
• Errors
• License

UI

If TouchID is supported and enrolled (in this gif, 1st touch fails, 2nd succeeds)

If TouchID is not supported or not enrolled, you can fallback to device passcode

Install

yarn add react-native-secure-authentication

Linking the Library (Auto Linking)

Everything is Autolinked in android. For IOS run npx pod-install.

Manual Linking IOS using Pods

Add following line in Podfile

pod 'SecureAuthentication', :path => "../node_modules/react-native-secure-authentication/"

Linking With react-native-link

npx react-native-link react-native-secure-authentication

Manual Linking Android

1. Open up android/app/src/main/java/[...]/MainActivity.java

• Add import dj.secure.authentication.SecureAuthenticationPackage; to the imports at the top of the file
• Add new SecureAuthenticationPackage() to the list returned by the getPackages() method

2. Append the following lines to android/settings.gradle:

   include ':react-native-secure-authentication'
   project(':react-native-secure-authentication').projectDir = new File(rootProject.projectDir,   '../node_modules/react-native-secure-authentication/android')

3. Insert the following lines inside the dependencies block in android/app/build.gradle:

     implement project(':react-native-secure-authentication')

Usage

import SecureAuthentication, { AuthenticationErrors } from 'react-native-secure-authentication';

const MyComponent : FC () => {
    const _pressHandler = useCallback(() => {
          SecureAuthentication.authenticate({
              reason: 'this is a secure area, please authenticate yourself',
              fallbackToPasscode: true,    // fallback to passcode on cancel
              suppressEnterPassword: true // disallow Enter Password fallback
            })
            .then((success) => {
              alert('Authenticated Successfully')
            })
            .catch((error:AuthenticationErrors) => {
              alert('Authentication Failed', error.message)
            })
        },[])

        return (
          <View>
            ...
            <TouchableHighlight onPress={_pressHandler}>
              <Text>
                Authenticate with Touch ID / Passcode
              </Text>
            </TouchableHighlight>
          </View>
        )
    } 

hasTouchID()

check if Touch ID is supported. Returns a Promise object.

Errors

There are various reasons why authenticating with Touch ID or device passcode may fail. Whenever authentication fails, SecureAuthentication.authenticate will return an error code representing the reason.

Below is a list of error codes that can be returned:

More information on errors can be found in Apple's Documentation.

License

ISC. react-native-local-auth license also included.

ISC. react-native-touch-id license also included.