The AsyncStorage lets you store some reasonable amount of data on users’ device.
Let’s see how we can make that demonstration:
The first thing is to add AsyncStorage to your project like so:
yarn add react-native-community/async-storage
//If you are on mac you want to do the following:
cd ios
pod install
cd ..
react-native run-ios
//If you are on a PC you want to do the following:
react-native run-android
Next, you need to import that package to your project
import React, {Component} from 'react';
import{ View, Text } from 'react-native';
class YourClassName extends Component{
//Add state variable
state = {
name: '';
}
//Store data
storeData = async() =>{
//First let's add a variable to state
this.setState({name: 'Lawson Luke'});
try{
await AsyncStorage.setItem(
'name': this.state.name
);
}catch(error){
//Handle error
console.warn('An error occurred');
}
}
componentDidMount(){
this.storeData();
}
render(){
return(
<View>
<Text>Async Storage Example</Text>
</View>
)
}
}
export default YourClassName;
So, this is how you store an item in AsyncStorage. In next our post we’ll figure out how to retrieve stored items.
If you've played Fortnite, watched a live ESPN match, or used Slack or Microsoft Teams,…
A custom hook in React is a JavaScript function that leverages React’s built-in hooks—like useState,…
The South Korean government announced on Monday that it had temporarily halted new downloads of…
As a software developer, choosing the right programming language for software development can be a…
A server farm, also known as a server cluster or data center, is a collection…
Pakistan's mobile and broadband internet speeds rank in the bottom 10 percent globally, according to…