Tab.Item

They are individual item of the parent Tab. They are clickable and allows users to click and change Tab.

Usage

Import

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

Theme Key

TabItem

Active Tab Items

<Tab.Item
  containerStyle={(active) => ({
    backgroundColor: active ? "red" : undefined,
  })}
>
  Tab
</Tab.Item>

Props

note

Includes all Button props.

Name	Type	Default	Description
active	boolean		Allows to define if TabItem is active.
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
iconContainerStyle	ViewStyle or (active: boolean) => ViewStyle		Additional Styling for Icon Component container.
titleStyle	TextStyle or (active: boolean) => TextStyle	none	Additional button title style
variant	primary | default		Define the background Variant.