Tab
Tabs organize content across different screens, data sets, and other interactions.
note
This component is not for (complex) navigation. Use React Navigation for that.
<Tab.Item
title="Tab 1"
buttonStyle={(active) => {
backgroundColor: active ? "red" : "blue";
}}
/>
Usage
Props
note
Includes all View props.
Name | Type | Default | Description |
---|---|---|---|
containerStyle | View Style | Style for Tab container | |
disableIndicator | boolean | Disable the indicator below. | |
indicatorStyle | View Style | Additional styling for tab indicator. | |
onChange | (value: number) => void | Function | On Index Change Callback. |
scrollable | boolean | false | Makes Tab Scrolling |
value | number | Child position index value. | |
variant | primary or default | Define the background Variant. |