What is?

React Native에서 다른 페이지를 이동할 수 있게 해주는 라이브러리.

Why use?

웹 브라우저에서는 anchor <a> 태그로 페이지를 이동한다. 페이지를 클릭하면 URL이 히스토리 스택에 추가되고, 뒤로가기 버튼을 누르면 스택의 마지막 아이템을 꺼내서 이전 페이지로 이동한다.

하지만 React Native에는 글로벌 히스토리 스택이라는 개념이 내장되어 있지 않아서 React Navigation이 히스토리 역할을 도와준다.

웹 브라우저의 네비게이션과 다른 점은, React Navigation은 안드로이드, ios에서 사용하는 제스쳐와 애니메이션을 지원한다.

Getting Started

expo project의 경우

# 기본 설치
yarn add @react-navigation/native
npx expo install react-native-screens react-native-safe-area-context
# native stack
npm install @react-navigation/native-stack