Skip to main content
Version: 4.0.0-rc.5

Tab.Item

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

Import

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

Props

note

Includes all Button props.

NameTypeDefaultDescriptionUsage Example
activebooleanAllows to define if TabItem is active.
buttonStyleViewStyle or (active: boolean) => ViewStyleAdditional button stylesbuttonStyle={(active) => ({backgroundColor: active ? "red": "blue",})}

| | containerStyle | ViewStyle or (active: boolean) => ViewStyle | | Additional Styling for button container. | containerStyle={(active) => ({backgroundColor: active ? "red": "blue",})} | | iconContainerStyle | ViewStyle or (active: boolean) => ViewStyle | | Additional Styling for Icon Component container. | | titleStyle | TextStyle or (active: boolean) => TextStyle | | Additional button title style | titleStyle={(active) => ({backgroundColor: active ? "red": "blue",})} | | variant | primary | default | | Define the background Variant. |