TAGS React Native Android iOS Encrypted Encrypted Storage Asyncstorage

React Native Encrypted AsyncStorage

React Native wrapper around SharedPreferences and Keychain to provide a secure alternative to Async Storage.

Why ?

Async Storage is great but it lacks security. This is less than ideal when storing sensitive data such as access tokens, payment information and so on. This module aims to solve this problem by providing a wrapper around Android's EncryptedSharedPreferences and iOS' Keychain, complete with support for TypeScript.

Version Requirements

• Android API 21+ (5.0)
• iOS 2.0

Installation

Via yarn

1$ yarn add react-native-encrypted-asyncstorage

Via npm

1$ npm install react-native-encrypted-asyncstorage

Linking

• React Native 0.60+

Since version 0.60, React Native supports auto linking. This means no additional step is needed on your end.

• React Native <= 0.59

1$ react-native link react-native-encrypted-asyncstorage

Special note for iOS using cocoapods, run:

1$ npx pod-install

Usage

This module exposes four (4) native functions to store, retrieve, remove and clear values. They can be used like so:

Import

1import {
2  Set_Encrypted_AsyncStorage,
3  Get_Encrypted_AsyncStorage,
4} from "react-native-encrypted-asyncstorage";

Storing a value

1// type either "text" or "object"
2// key like email or key for relating data
3// data either text or object based on type
4// encryptionKey key for encryption or decryption process
5
6async function storeUserSession() {
7  try {
8    await Set_Encrypted_AsyncStorage(type, key, data, encryptionKey);
9
10    // Congrats! You've just stored your first value!
11  } catch (error) {
12    // There was an error on the native side
13  }
14}

Retrieving a value

1// type either "text" or "object"
2// key like email or key for relating data
3// encryptionKey key for encryption or decryption process
4
5async function storeUserSession() {
6  await Get_Encrypted_AsyncStorage(type, key, encryptionKey).then(
7    (response) => {
8      // console.log(response)
9      // getting data on response
10    }
11  );
12}

Removing a value

1import AsyncStorage from "@react-native-async-storage/async-storage";
2
3// defaut remove method
4
5removeValue = async () => {
6  try {
7    await AsyncStorage.removeItem("@MyApp_key");
8  } catch (e) {
9    // remove error
10  }
11
12  console.log("Done.");
13};

Removes item for a key, invokes (optional) callback once completed.