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. |