브라우저의
localStorage
처럼 앱이 종료되어도 계속 정보를 가지고 있게 하기위해AsyncStorage
를 사용해 작업할 수 있다.
npm install --save @react-native-community/async-storage
로 설치한 후에import AsyncStorage from '@react-native-community/async-storage';
이런식으로 불러와 사용한다.
setItem
으로 값을 저장하고,getItem
으로 값을 불러온다.
AsyncStorage.setItem('name', 'hemtory'); AsyncStorage.setItem('age', 10 + ''); AsyncStorage.setItem('birth', `${20000101}`); AsyncStorage.setItem('married', `${false}`);
첫 번째 인자로 키값을 정해주고, 두 번째 인자로 값을 정해준다.
value
값을 넣어줄 때string
으로 변환해서 해줘야되는듯 하다.
시뮬레이터에서는 잘 되는데build
해서 실기기로 테스트하면 충돌나서 앱이 강제종료됐었다.
AsyncStorage.getItem('name');
위 처럼 불러올 키값을 인자로 넣어주면 되는데
return
값이promise
인걸로 보임.const getItem = async () => { const name = await AsyncStorage.getItem('name'); }
AsyncStorage.getItem('name') .then(res => console.log(res)));
그래서 위 처럼 사용해서 적용했음.
찾으려는 키값이 없으면
null
을return
함.