How can I encrypt data stored in AsyncStorage in React Native?

How can I encrypt data stored in AsyncStorage in React Native?

You can use libraries like 'react-native-encrypted-storage' or 'crypto-js' to encrypt your data before storing it in AsyncStorage.

Can you show me a code example using 'react-native-encrypted-storage'?

Sure! First, install the library: npm install react-native-encrypted-storage. Then, you can use it like this:

import EncryptedStorage from 'react-native-encrypted-storage';

async function storeData(key, value) {
    await EncryptedStorage.setItem(key, value);
}

async function getData(key) {
    const value = await EncryptedStorage.getItem(key);
    return value;
}

What about using 'crypto-js'? How would that work?

With 'crypto-js', you can encrypt your data like this:

import CryptoJS from 'crypto-js';

const secretKey = 'your-secret-key';

function encryptData(data) {
    return CryptoJS.AES.encrypt(data, secretKey).toString();
}

function decryptData(ciphertext) {
    const bytes = CryptoJS.AES.decrypt(ciphertext, secretKey);
    return bytes.toString(CryptoJS.enc.Utf8);
}