기록하기

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

React Native

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

_parkdaxun 2023. 8. 2. 15:50

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)

 

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

저작자표시 (새창열림)

'React Native' 카테고리의 다른 글

[React Native] non-std C++ exception 에러 해결하기  (0) 2023.08.09
[React Native] 하단 탭 바에 알림 나타내기 (tabBarBadge)  (0) 2023.08.03
[React Native] Navigation으로 화면 이동 구현하기  (0) 2023.07.28
[React Native] Objects are not valid as a React child 오류  (0) 2023.07.26
[React Native] useState Hook으로 상태 관리하기  (0) 2023.07.26
'React Native' Related Articles more