카테고리 없음

[REACT NATIVE] 내비게이션 관련 서드 파티 라이브러리

예글 2022. 11. 1. 16:29

1. react-navigation: 리액트 네이티브 커뮤니티에서 관리. 사용률이 가장 높은 라이브러리. 내비게이션 기능이 자바스크립트로 구현

 

2. react-native-navigation: 홈페이지 제작 서비스 Wix에서 관리. 이미 만들어진 네이티브 앱에 리액트 네이티브를 적용하는 경우 사용하기 적합. 내비게이션 기능이 자바스크립트가 아닌 각 플랫폼의 네이티브 코드로 구현.

 

1. 설치

1. 프로젝트 생성

npx react-native init LearnReactNavigation

2. 의존 패키지 설치

yarn add @react-navigation/native

3. 의존 라이브러리 설치

yarn add react-native-screens react-native-safe-area-context

 

2. 라이브러리 적용

- 라이브러리 적용을 위해서는 @react-navigation/native에서 <NavigationContainer> 컴포넌트를 불러와 앱 전체를 감싸주어야 함