[React Native Master Class By Nomad Coders] #2.4 ~2.6 Navigation

offdutybyblo·2021년 12월 23일
0

React Native

목록 보기
5/7
post-thumbnail

2.4 React Navigation Intro

INFO

  • React Navigation으로 앱의 다양한 navigation setting과 기능을 구현할 수 있다.
  • 뒤로가기, Stack Navigation, Tab Navigation, Modal 등

Stack Navigation vs Tab Navigation

Stack Navigation Screen

  • 스크린을 뒤덮는 Screen을 의미한다.
  • 현재 페이지 위를 덮는 UI 액션이 발생하면서 새로운 페이지를 렌더링한다.

Tab Navigation Screen

  • Tab Bar가 하단에 있고, Tab을 클릭하면 해당 Tab으로 페이지가 이동한다.
  • 인스타그램에서 하단에 Tab Bar와 같은 기능이다.

2.5 Tab Navigation

  • Tab, Stack navigator를 렌더링하려면, NavigationContainer 안에 렌더링을 시도해야한다.

2.6 Configureing the Navigation

  • tab navigation Option에 대한 내용
  • 대부분 Docs에서 확인할 수 있다.
profile
Front-End Devleoper 일껄요?

0개의 댓글