5.3.2.1 하단 탭 커스터마이징
Tab.Navigator의 screenOptions Props를 통해 하단 탭에 대한 설정도 커스터마이징할 수 있습니다. 탭에 관한 설정은 tabBar로 시작합니다.
• tabBarActiveTintColor: 활성화된 항목의 아이콘과 텍스트 색상
• tabBarActiveBackgroundColor: 활성화된 항목의 배경색
• tabBarInactiveTintColor: 비활성화된 항목의 아이콘과 텍스트 색상
• tabBarInactiveBackgroundColor: 비활성화된 항목의 배경색
• tabBarShowLabel: 항목에서 텍스트의 가시성 설정(기본값: true)
• tabBarShowIcon: 항목에서 아이콘의 가시성 설정(기본값: false)
• tabBarStyle: 하단 탭 스타일
• tabBarLabelStyle: 텍스트 스타일
• tabBarItemStyle: 항목 스타일
• tabBarLabelPosition: 텍스트 위치 'beside-icon'(아이콘 우측) / 'below-icon'(아이콘 하단)
• tabBarAllowFontScaling: 시스템 폰트 크기에 따라 폰트 크기를 키울지 결정(기본값: true)
• tabBarSafeAreaInset: SafeAreaView의 forceInset 덮어쓰는 객체(기본값: {bottom: 'always', top: 'never'})
• tabBarKeyboardHidesTabBar: 키보드가 나타날 때 하단 탭을 가릴지 결정(기본값: false)