Tab.Item

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

Import

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

Usage

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		Additional button style
containerStyle	ViewStyle or (active: boolean) => ViewStyle		Additional Styling for button container.
iconContainerStyle	ViewStyle or (active: boolean) => ViewStyle		Additional Styling for Icon Component container.
titleStyle	TextStyle or (active: boolean) => TextStyle		Additional button title style
variant	primary | default		Define the background Variant.