Bottom Tabs

Bottom tabs allow users to easily switch between main sections of your app.

Pro component

Requires all-access to use the source code

Unlock All Pro Screens & Components

Elevate your app with powerful, native-feeling components and templates. Build faster with beautiful ready-to-use designs.

Props

MaterialTabBar

Inherits all the props from @react-navigation/bottom-tabs's BottomTabBarProps.

MaterialTabItem

Inherits all the props from React Native's Pressable component.

Prop	Type	Description
isFocused	boolean	Indicates if the tab item is currently focused.
name	IconProps<'material'>['name']	The name of the icon to be displayed in the tab item.
label	string \| React.ReactNode	The label to be displayed on the tab item. Can be a string or a React node.
badge	number \| string	An optional badge to be displayed on the tab item, can be a number or a string.