react native 필요한 패키지 설치
오프라인 노트를 만들어 볼 때 필요한 패키지들을 찾아보고 설치했다.
AsyncStorage
react native code에 AyncStorage가 더 유지 되지 않는다. @react-native-async-storage/async-storage를 사용해야 한다.
import AsyncStorage from '@react-native-async-storage/async-storage'
AsyncStorage.getItem('todos')
const parsedTodos = JSON.parse(todos)
Async로 가져온 건 JSON.parse()를 해줘야 크러시가 나지 않는다.
AsyncStorage.setItem('todos', JSON.stringify(newTodos))
setItem을 할 때는 JSON.stringify로 문자열 형태로 만들어줘야 크러시가 나지 않는다.
react-navigation
리액트 네이티브의 네비게이션 모듈이다.
리액트 네이티브에서 사용할 수 있는 UI 모듈이다.
react native ui components 3대장. 나는 직접 구현하는 걸 선호!
React Native Elements
React Native Paper
Native Base
FlatList
리액트 네이티브의 리스팅 컴포넌트이다. ScrollView도 있는데 Flatlist가 좀 더 성능이 좋은 것 같다.
아이콘
아이콘은 react-native-vector-icons을 사용했다.
material ui을 추천한다.
글로벌 언어지원
리액트 네이티브의 글로벌 언어 지원을 위해 i18next를 사용했다.
공유하기



조회수 : 635