검색
검색
공개 노트 검색
회원가입로그인

react native 필요한 패키지 설치

오프라인 노트를 만들어 볼 때 필요한 패키지들을 찾아보고 설치했다.

AsyncStorage

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

react-navigation 문서

리액트 네이티브의 네비게이션 모듈이다.

리액트 네이티브에서 사용할 수 있는 UI 모듈이다.

react native ui components 3대장. 나는 직접 구현하는 걸 선호!

  • React Native Elements

  • React Native Paper

  • Native Base

FlatList

Flatlist 문서

리액트 네이티브의 리스팅 컴포넌트이다. ScrollView도 있는데 Flatlist가 좀 더 성능이 좋은 것 같다.

아이콘

아이콘은 react-native-vector-icons을 사용했다.

material ui을 추천한다.

글로벌 언어지원

리액트 네이티브의 글로벌 언어 지원을 위해 i18next를 사용했다.

https://react.i18next.com/getting-started#installation

공유하기
카카오로 공유하기
페이스북 공유하기
트위터로 공유하기
url 복사하기
조회수 : 474
heart
T
페이지 기반 대답
AI Chat