How do I use AsyncStorage in React Native?

How do I use AsyncStorage in React Native?

You can use AsyncStorage to store data locally in your React Native app. First, install it using @react-native-async-storage/async-storage. Then, you can use methods like setItem, getItem, and removeItem to manage your data.

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 AsyncStorage.

What types of data can I store?

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