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.
Neumorphism design, alternatively termed as "soft UI" or "new skeuomorphism," represents a design trend that…
Debugging JavaScript code can sometimes be challenging, but with the right practices and tools, you…
Service Workers are one of the core features of modern web applications, offering powerful capabilities…
A database-driven website is a dynamic site that utilizes a database to store and manage…
Toasts are user interface elements commonly used in software applications, especially in mobile app development…
JavaScript has long been synonymous with frontend web development, powering interactive and dynamic user interfaces…