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
Includes all Button props.
| Name | Type | Default | Description | Usage Example |
|---|---|---|---|---|
active | boolean | Allows to define if TabItem is active. | ||
buttonStyle | ViewStyle or (active: boolean) => ViewStyle | Additional button styles | buttonStyle={(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. |