[탭 네비게이터 다루기] 탭 네비게이터 적용

탭 네비게이터 설치 & 적용

• 1. 탭 네비게이터 기본 도구들을 설치하도록 하겠습니다. terminal에 다음 명령어를 입력/실행해주세요
  • [코드스니펫] - 탭 네비게이터 도구 설치 명령어
  • yarn add @react-navigation/bottom-tabs
  👉 탭 네비게이터도 하나의 페이지라고 생각하시면 간단합니다. 큰 도화지에 여러 페이지가 들어 있고 하단에 어떤 페이지로 갈지 버튼을 둔 모습이죠.
•  
• 카카오톡, 페이스북, 인스타그램 그리고 많은 앱들이 하단 탭 버튼을 가지고 있습니다. 이러한 UI를 선호하는 이유는 한 화면에 여러 페이지를 쉽게 보여줄 수 있기 때문입니다. 이 또한 네비게이션에서 제공해주는 기능으로, 우리도 쉽게 적용해보도록 하겠습니다.

 

 👉 위 이미지와 같은 앱 화면은 아주 일반적으로 볼 수 있습니다.