探索React Native中的Async Storage：高效本地数据存储解决方案

import React from 'react';
import { Text, View, Button } from 'react-native';
import AsyncStorage from '@react-native-community/async-storage';
 
export default class AsyncStorageExample extends React.Component {
  constructor() {
    super();
    this.state = {
      data: ''
    };
  }
 
  _storeData = async () => {
    try {
      await AsyncStorage.setItem('@storage_Key', 'Stored Data');
      this.setState({data: 'Data has been stored!'});
    } catch (error) {
      this.setState({data: 'Error storing data.'});
    }
  }
 
  _retrieveData = async () => {
    try {
      const value = await AsyncStorage.getItem('@storage_Key');
      if(value !== null) {
        this.setState({data: value});
      }
    } catch (error) {
      this.setState({data: 'Error retrieving data.'});
    }
  }
 
  render() {
    return (
      <View>
        <Button onPress={this._storeData} title="Store Data" />
        <Button onPress={this._retrieveData} title="Retrieve Data" />
        <Text>{this.state.data}</Text>
      </View>
    );
  }
}

这段代码展示了如何在React Native应用中使用Async Storage来存储和检索数据。_storeData函数用于存储数据，_retrieveData函数用于检索数据。两个函数都是异步的，使用await来等待操作完成。在render方法中，我们添加了两个按钮来触发这些函数，并显示当前存储的数据或者操作过程中可能出现的错误信息。