Version: 3.4.1

Tabs

Tabs organize content across different screens, data sets, and other interactions.

Floating Action Button

Usage#

import { Tab } from 'react-native-elements';
<Tab>
<Tab.Item title="Recent" />
<Tab.Item title="favourite" />
<Tab.Item title="cart" />
</Tab>

Props#

Also receives all View props

Child Component#

Tab.Item#

Props#

Receives all Button props


Reference#

value#

Child position index value.

TypeDefault
number0

onChange#

On Index Change Callback

TypeDefault
functionnone

disableIndicator#

Disable the indicator below

TypeDefault
booleanfalse

indicatorStyle#

Additional styling for tab indicator (optional)

TypeDefault
View style (object)Internal Style

variant#

Background Variant

TypeDefault
'primary' or'default'default