Skip to main content
Version: 7.7.0

Bottom Tab Options

const options = {
bottomTab: {},
};

badge#

TypeRequiredPlatform
stringNoBoth

badgeColor#

TypeRequiredPlatform
colorNoBoth

animateBadge#

TypeRequiredPlatform
booleanNoAndroid

disableIconTint#

TypeRequiredPlatform
booleanNoBoth

dotIndicator#

TypeRequiredPlatform
DotIndicatorNoBoth

fontFamily#

TypeRequiredPlatform
stringNoBoth

fontStyle#

TypeRequiredPlatform
enum('normal', 'italic')NoBoth

fontWeight#

TypeRequiredPlatform
enum('normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900')NoBoth

fontSize#

TypeRequiredPlatform
numberNoBoth

icon#

TypeRequiredPlatform
ImageResourceNoBoth

iconWidth#

The width (in dp) of the icon.

TypeRequiredPlatform
numberNoAndroid

iconHeight#

The height (in dp) of the icon.

TypeRequiredPlatform
numberNoAndroid

iconColor#

TypeRequiredPlatform
colorNoBoth

selectedFontSize#

TypeRequiredPlatform
numberNoBoth

selectedIcon#

TypeRequiredPlatform
ImageResourceNoBoth

selectedIconColor#

TypeRequiredPlatform
colorNoBoth

iconInsets#

TypeRequiredPlatform
IconInsetsNoBoth

disableSelectedIconTint#

TypeRequiredPlatform
booleanNoAndroid

disableIconTint#

TypeRequiredPlatform
booleanNoAndroid

selectedTextColor#

TypeRequiredPlatform
colorNoBoth

testID#

TypeRequiredPlatform
stringNoBoth

text#

TypeRequiredPlatform
stringNoBoth

textColor#

TypeRequiredPlatform
colorNoBoth

DotIndicator#

color?: color#
size?: number#
visible?: boolean#
animate?: boolean#

IconInsets#

top?: number#
left?: number#
right?: number#
bottom?: number#