How do I use Async Storage in React Native?

How do I use Async Storage in React Native?

You can use Async Storage to store data locally in your React Native app. First, install the package using npm install @react-native-async-storage/async-storage. Then, import it in your component.

Can you show me a code example?

Sure! Here's a simple example:

import AsyncStorage from '@react-native-async-storage/async-storage';

const storeData = async (value) => {
  try {
    await AsyncStorage.setItem('@storage_Key', value);
  } catch (e) {
    // saving error
  }
};

const getData = async () => {
  try {
    const value = await AsyncStorage.getItem('@storage_Key');
    if(value !== null) {
      // value previously stored
    }
  } catch(e) {
    // error reading value
  }
};

This code stores and retrieves a value using Async Storage.

What types of data can I store?

You can store strings, but you can also store JSON objects by converting them to strings using JSON.stringify() before saving, and parsing them back with JSON.parse() when retrieving.

Is Async Storage secure for sensitive data?

Async Storage is not encrypted by default, so it's not recommended for sensitive data. For secure storage, consider using libraries like react-native-keychain.