Skip to main content
Version: 7.37.0

Bottom Tabs

A container view for managing a radio-style selection interface, where a selection determines which child view controller to display.

{
id: 'BOTTOM_TABS_LAYOUT',
children: [
{
component: {
id: 'HOME_SCREEN',
name: 'HomeScreen'
}
},
{
stack: {
id: 'PROFILE_TAB',
children: [
{
component: {
id: 'PROFILE_SCREEN',
name: 'ProfileScreen'
}
}
]
}
}
]
}

id#

TypeRequiredDescription
stringNoUnique id used to interact with the view via the Navigation api, usually Navigation.mergeOptions which accepts the componentId as it's first argument.

children#

TypeRequiredDescription
Layout[]YESChild layouts of any kind.

options#

TypeRequiredDescription
OptionsNodynamic options which will apply to all screens in bottomTabs