React-navigation

react-navigation

리액트 네이티브에서 화면 전환을 구현하는 방법 중 하나인 react-navigation은
외부 라이브러리로 종류는 스택 네비게이션, 탭 네비게이션, 드로어 네비게이션이 있다.

설치는 npm i @react-navigation/native로 진행한다.

NavigationContainer 컴포넌트

네비게이션의 계층구조와 상태를 관리하는 컨테이너 역할을 수행한다.
모든 네비게이션 구성 요소를 감싼 최상위 컴포넌트.

Navigator 컴포넌트

중간 관리자로 네비게이션을 구성하며 여러 개의 Screen 컴포넌트를 자식 컴포넌트로 가진다.

Screen 컴포넌트

화면에 사용되는 컴포넌트로 name과 Component 속성을 지정한다.

• name : 해당 Screen의 이름을 지정한다. 이는 Navigator에서 참조할 때 사용한다.
• component : 해당 Screen에 사용될 React 컴포넌트를 지정한다.
• option : Screen의 기본적인 스타일 및 옵션들을 설정한다.
• title : 제목을 지정한다.