[React Native] BottomTabNavigator 용어 정리 (개발할때 참고)

tabBarActiveTintColor

활성화된 항목의 아이콘과 텍스트 색상

 

tabBarActiveBackgroundColor

활성화된 항목의 배경색

 

tabBarInactiveTintColor

비활성화된 항목의 아이콘과 텍스트 색상

 

tabBarInactiveBackgroundColor

비활성화된 항목의 배경색

 

tabBarShowLabel

항목에서 텍스트의 가시성 설정(기본값 : true)

 

tabBarShowIcon

항목에서 아이콘의 가시성 설정(기본값 : false)

 

tabBarStyle

하단 탭 스타일

 

tabBarLabelStyle

텍스트 스타일

 

tabBarLabelPosition

텍스트 위치

'beside-icon' 아이콘 우측 / 'below-icon' 아이콘 하단

 

tabBarAllowFontScaling

시스템 폰트 크기에 따라 폰트 크기를 키울지 설정

 

tabBarSafeAreanInset

SafeAreaView의 forceInset 덮어쓰는 객체 

{bottom: 'always', top: 'never'}}

 

tabBarKeyboardHidesTabBar

키보드가 나타날 때 하단 탭을 가릴지 결정 (기본값 : false)

 

출처 : '리액트 네이티브를 다루는 기술'