The AsyncStorage lets you store some reasonable amount of data on users’ device.<\/p>\n\n\n\n
Let’s see how we can make that demonstration:<\/p>\n\n\n\n
The first thing is to add AsyncStorage to your project like so:<\/p>\n\n\n\n
yarn add react-native-community\/async-storage<\/code><\/pre>\n\n\n\n\/\/If you are on mac you want to do the following:\ncd ios\npod install\ncd ..\nreact-native run-ios\n\n\/\/If you are on a PC you want to do the following:\nreact-native run-android<\/code><\/pre>\n\n\n\nNext, you need to import that package to your project<\/p>\n\n\n\n
import React, {Component} from 'react';\nimport{ View, Text } from 'react-native';\n\nclass YourClassName extends Component{\n\/\/Add state variable\nstate = {\nname: '';\n}\n\n\/\/Store data\nstoreData = async() =>{\n\/\/First let's add a variable to state\nthis.setState({name: 'Lawson Luke'});\n\ntry{\nawait AsyncStorage.setItem(\n'name': this.state.name\n);\n}catch(error){\n\/\/Handle error\nconsole.warn('An error occurred');\n}\n}\n\ncomponentDidMount(){\nthis.storeData();\n}\nrender(){\nreturn(\n<View>\n<Text>Async Storage Example<\/Text>\n<\/View>\n)\n}\n}\n\nexport default YourClassName;<\/code><\/pre>\n\n\n\n