Bottom Tabs Options

const options = {
bottomTabs: {
}
}

animate

Controls whether toggling visibility states will be animated.

TypeRequiredPlatform
booleanNoBoth

backgroundColor

Change the background color.

TypeRequiredPlatform
colorNoBoth

barStyle

Controls whether the BottomTabs use dark (black) or light (default) visual style. Requires translucent: true.

TypeRequiredPlatform
enum('default','black')NoBoth

currentTabId

Select a tab by the id (componentId) of a child contained in it. See Selecting tabs programmatically for a detailed explanation.

TypeRequiredPlatform
numberNoBoth

currentTabIndex

TypeRequiredPlatform
numberNoBoth

drawBehind

TypeRequiredPlatform
booleanNoBoth

elevation

TypeRequiredPlatform
numberNoAndroid

hideShadow

TypeRequiredPlatform
booleanNoiOS

hideOnScroll

Hides the BottomTabs on scroll to increase the amount of content visible to the user. The options requires that the scrollable view will be the root view of the screen and that it specifies nestedScrollEnabled: true.

TypeRequiredPlatform
booleanNoAndroid

preferLargeIcons

TypeRequiredPlatform
booleanNoAndroid

tabsAttachMode

TypeRequiredPlatform
enum('together','afterInitialTab','onSwitchToTab')NoBoth

testID

TypeRequiredPlatform
stringNoBoth

titleDisplayMode

TypeRequiredAndroid
enum('alwaysShow','showWhenActive','alwaysHide')NoBoth

translucent

TypeRequiredPlatform
booleanNoiOS

visible

TypeRequiredPlatform
booleanNoBoth