React Native中具有异步存储的计数器

Question

我是React Native的新手。我想在React Native Expo中使用异步存储制作一个计数器。异步存储使用字符串值，但我需要使用整数值，找不到创建它的示例。

如果您建议使用SQLite或有不同的存储区域，我将不胜感激

storeData = async (counter) => {
try {
await AsyncStorage.setItem('', counter)
} catch (e) {

}
}
getData = async () => {
try {
const value = await AsyncStorage.getItem('counter')
if(counter !== null) {
}
} catch(e) {

}
}
render() {
return(
<SafeAreaView style={styles.container}>
<ImageBackground  style={styles.image}>
<View style={{marginBottom: 250}}>
<Text style={styles.counter}>{counter}</Text>
</View>
<TouchableOpacity 
style={styles.floatingButton1}
onPress={this.onAddCounter}>
<Text style={{fontSize:13, color:"white", fontWeight:"600"}}>Tap to Counter</Text>
</TouchableOpacity>
<TouchableOpacity 
style={styles.resetButton1}
onPress={this.onReset1}>
<Icon name="undo" size={20} color="#900"/>
</TouchableOpacity>
</ImageBackground>
</SafeAreaView>
);
}
}

Answer 1

您可以在存储值时将整数转换为字符串：

number.toString()

并在检索值时将其转换为整数

parseInt(string)

基本上它将成为

storeData = async (counter) => {
try {
await AsyncStorage.setItem('counter', counter.toString())
} catch (e) {

}
}
getData = async () => {
try {
const value = await AsyncStorage.getItem('counter')
if(counter !== null) {
value = parseInt(value)
}
} catch(e) {

}
}

Answer 2

使用JSON.parse从AsyncStorage 获取值

https://react-native-async-storage.github.io/async-storage/docs/usage/#reading-目标值