--- id: bottomTabs-layout title: Bottom Tabs sidebar_label: Bottom Tabs --- A container view for managing a radio-style selection interface, where a selection determines which child view controller to display. ```js { id: 'BOTTOM_TABS_LAYOUT', children: [ { component: { id: 'HOME_SCREEN' name: 'HomeScreen' } }, stack: { id: 'PROFILE_TAB', children: [ { component: { id: 'PROFILE_SCREEN', name: 'ProfileScreen' } } ] } ] } ``` ## `id` | Type | Required | Description | | ------ | -------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- | | string | No | Unique id used to interact with the view via the Navigation api, usually `Navigation.mergeOptions` which accepts the componentId as it's first argument. | ## `children` | Type | Required | Description | | ------------------ | -------- | ----------------------------- | | [Layout[]](Layout.mdx) | YES | Child layouts of any kind. | ## `options` | Type | Required | Description | | ----------------------- | -------- | ------------------------------------------------------------- | | [Options](options-root.mdx) | No | dynamic options which will apply to all screens in bottomTabs |