Version: 5.0.0

Tab

Tabs organize content across different screens, data sets, and other interactions.

note

This component is not for (complex) navigation. Use React Navigation for that.

import { Tab } from '@rneui/themed';

Tab

Usage

note

Includes all View props.

Name	Type	Default	Description
`animationConfig`	`TimingAnimationConfig` \| `SpringAnimationConfig(Object)`	`{}`	Animation Config
`animationType`	`spring` \| `timing`	`spring`	Animation type
`buttonStyle`	`ViewStyle or (active: boolean) => ViewStyle`	`none`	Additional button style
`containerStyle`	ViewStyle or (active: boolean) => ViewStyle	`none`	Additional Styling for button container.
`dense`	boolean	`none`	Dense Tab Item
`disableIndicator`	boolean		Disable the indicator below.
`iconPosition`	`left` \| `right` \| `top` \| `bottom`	`none`
`indicatorStyle`	View Style		Additional styling for tab indicator.
`onChange`	(value: number) => void	`Function`	On Index Change Callback.
`scrollable`	boolean	`false`	Makes Tab Scrolling
`titleStyle`	TextStyle or (active: boolean) => TextStyle	`none`	Additional button title style
`value`	number	`0`	active index
`variant`	`primary` \| `default`	`primary`	Define the background Variant.