--- theme: channing-cyan --- ## React Native本地持久化存储方案 ### 1、AsyncStorage [地址]: https://github.com/react-native-async-storage/async-storage #### 1.1 介绍 - 异步API：AsyncStorage是异步的，它的所有方法都返回一个Promise对象。 - 轻量级：AsyncStorage存储的数据是基于键值对的，仅支持存储字符串类型的数据，因此不适合存储大型数据。 - 永久存储：AsyncStorage存储的数据是永久性的，即使应用程序被关闭或设备重启，数据仍然会保留。 #### 1.2 适用场景适用于存储小型的键值对数据、应用程序逻辑和其他人的公共数据，例如应用程序的配置信息、用户授权信息等。 #### 1.3 示例 ```javascript import React, { useState } from 'react'; import { View, Text, TextInput, Button } from 'react-native'; import AsyncStorage from '@react-native-async-storage/async-storage'; const App = () => { const [text, setText] = useState(''); const [savedText, setSavedText] = useState(''); const saveData = async () => { try { await AsyncStorage.setItem('myKey', text); setSavedText(text); setText(''); } catch (e) { console.error(e); } }; const getData = async () => { try { const value = await AsyncStorage.getItem('myKey'); if (value !== null) { setSavedText(value); } } catch (e) { console.error(e); } }; return ( Enter some text: setText(text)} value={text} />