5.3.2.1 하단 탭 커스터마이징

    Tab.NavigatorscreenOptions Props를 통해 하단 탭에 대한 설정도 커스터마이징할 수 있습니다. 탭에 관한 설정은 tabBar로 시작합니다.

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

    tabBarActiveBackgroundColor: 활성화된 항목의 배경색

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

    tabBarInactiveBackgroundColor: 비활성화된 항목의 배경색

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

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

    tabBarStyle: 하단 탭 스타일

    tabBarLabelStyle: 텍스트 스타일

    tabBarItemStyle: 항목 스타일

    tabBarLabelPosition: 텍스트 위치 'beside-icon'(아이콘 우측) / 'below-icon'(아이콘 하단)

    tabBarAllowFontScaling: 시스템 폰트 크기에 따라 폰트 크기를 키울지 결정(기본값: true)

    tabBarSafeAreaInset: SafeAreaViewforceInset 덮어쓰는 객체(기본값: {bottom: 'always', top: 'never'})

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

    신간 소식 구독하기
    뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.