5.3.2 하단 탭 내비게이터

하단 탭 내비게이터(Bottom Tab Navigator)는 이름 그대로 하단에 탭을 보여주는 내비게이터입니다. 트위터(Twitter), 유튜브(Youtube), 인스타그램(Instagram) 등 많은 앱에서 하단 탭을 사용하고 있어요.

▲ 그림 5-19 하단 탭 내비게이터

이와 같은 하단 탭을 구현해봅시다. 하단 탭 내비게이터도 마찬가지로 라이브러리를 추가로 설치해야 합니다. 그리고 하단 탭을 구현하는 과정에서 아이콘도 필요하므로, 아이콘을 편리하게 사용할 수 있도록 react-native-vector-icons 라이브러리도 설치하겠습니다.

$ yarn add @react-navigation/bottom-tabs react-native-vector-icons
$ cd ios
$ pod install