리액트 네비게이션이란 무엇인가?
리액트네이티브에서 화면이동을 위한 라이브러리이다. Stack Bottom , Tab Drawer등 앱 개발 시 많이 사용하는 화면 이동에 대해 각 플랫폼 환경에 맞도록 쉽게 해줌
구성요소
navigator + screen
navigator:네비게이션이 어떤 구조로 되어있는지 나타내는 컴퍼넌트
screen 화면에 그리는 컴퍼넌트
Stack Navigaotr
스택 네비게이터의 종류
stack navigator:js로 작성, 자유도가 높음
native navigator:native로 작성 자유도 낮음
Drawnavigator: 슬라이드를 사용해서 나타내는 네비게이터
Stack navigator screen options(presentation)
stack navigator에서 화면 이동 애니메이션에 관한 설정 옵션
card: 오른쪽에서 왼쪽으로 이동하는 애니메이션 ios에서 화면을 전환을 할 때 자주 사용한다.
Modal: 아래에서 위로 이동하는 애니메이션
Tab navigator Screen options
first Route:선언상 제일 처음에 있는 탭으로 이동
initial Route:최초 지정한 탭으로 이동
order:최초 지정한 탭으로 이동 1 2 3
history: 이동한 히스토리 역순으로 이동
Nesting navigator란 무엇인가?
navigator의 스크린을 component가 아니라 navigator로 선언하는 것 이다.
주로 presentation을 다르게 선언하거나, 조건에 따라 navigator의 분기가 필요 할 때 사용된다.
Link에 관하여
Deep Link: 특정 URL을 누르면 지정 화면으로 이동 하는 것 (ex: https://)
Universal Link(ios) , App Links(android): 무단으로 scheme를 빼앗아 가는 현상을 막기 위해 사용한다. 각각의 플랫폼에서의 도매인 인증 단계를 통과해야 한다.
Action이란 무엇인가?
화면이동에 대한 명령어를 가지고 있는 object 페이지 이동 및 이전페이지 돌아가기 기능을 가지고 있다.
Action의 구조
type: 어떤 작업인지 나타내는 식별자
