Last active
October 30, 2020 14:44
-
-
Save pradeep1991singh/60f8ee10975307f908f4912cf6996e97 to your computer and use it in GitHub Desktop.
Example AsyncStorage React Native
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* Example AsyncStorage React Native | |
* https://github.com/pradeep1991singh | |
*/ | |
import React, { Component } from 'react'; | |
import { | |
AppRegistry, | |
StyleSheet, | |
Text, | |
TextInput, | |
Button, | |
View, | |
AsyncStorage | |
} from 'react-native'; | |
export default class AsyncStorageExample extends Component { | |
constructor(props) { | |
super(props); | |
this.state = { | |
myKey: null | |
} | |
} | |
async getKey() { | |
try { | |
const value = await AsyncStorage.getItem('@MySuperStore:key'); | |
this.setState({myKey: value}); | |
} catch (error) { | |
console.log("Error retrieving data" + error); | |
} | |
} | |
async saveKey(value) { | |
try { | |
await AsyncStorage.setItem('@MySuperStore:key', value); | |
} catch (error) { | |
console.log("Error saving data" + error); | |
} | |
} | |
async resetKey() { | |
try { | |
await AsyncStorage.removeItem('@MySuperStore:key'); | |
const value = await AsyncStorage.getItem('@MySuperStore:key'); | |
this.setState({myKey: value}); | |
} catch (error) { | |
console.log("Error resetting data" + error); | |
} | |
} | |
render() { | |
return ( | |
<View style={styles.container}> | |
<Text style={styles.welcome}> | |
Welcome to Demo AsyncStorage! | |
</Text> | |
<TextInput | |
style={styles.formInput} | |
placeholder="Enter key you want to save!" | |
value={this.state.myKey} | |
onChangeText={(value) => this.saveKey(value)} | |
/> | |
<Button | |
style={styles.formButton} | |
onPress={this.getKey.bind(this)} | |
title="Get Key" | |
color="#2196f3" | |
accessibilityLabel="Get Key" | |
/> | |
<Button | |
style={styles.formButton} | |
onPress={this.resetKey.bind(this)} | |
title="Reset" | |
color="#f44336" | |
accessibilityLabel="Reset" | |
/> | |
<Text style={styles.instructions}> | |
Stored key is = {this.state.myKey} | |
</Text> | |
</View> | |
); | |
} | |
} | |
const styles = StyleSheet.create({ | |
container: { | |
padding: 30, | |
flex: 1, | |
alignItems: 'stretch', | |
backgroundColor: '#F5FCFF', | |
}, | |
welcome: { | |
fontSize: 20, | |
textAlign: 'center', | |
margin: 10, | |
}, | |
formInput: { | |
paddingLeft: 5, | |
height: 50, | |
borderWidth: 1, | |
borderColor: "#555555", | |
}, | |
formButton: { | |
borderWidth: 1, | |
borderColor: "#555555", | |
}, | |
instructions: { | |
textAlign: 'center', | |
color: '#333333', | |
marginBottom: 5, | |
marginTop: 5, | |
}, | |
}); | |
AppRegistry.registerComponent('AsyncStorageExample', () => AsyncStorageExample); |
in side the text
and am getting err
please let me know any body know solution
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
{this.translaslation2(pickupLoc.city)}
calling like this