import Props from './props/tab.md'

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

Floating Action Button

Usage

import { Tab } from 'react-native-elements';
<Tab value={0}>
  <Tab.Item title="recent" />
  <Tab.Item title="favorite" />
  <Tab.Item title="cart" />
</Tab>

 <TabView value={index} onChange={setIndex} >
  <TabView.Item style={{ backgroundColor: 'red', width: '100%' }}>
    <Text h1>Recent</Text>
  </TabView.Item>
  <TabView.Item style={{ backgroundColor: 'blue', width: '100%' }}>
    <Text h1>Favorite</Text>
  </TabView.Item>
  <TabView.Item style={{ backgroundColor: 'green', width: '100%' }}>
    <Text h1>Cart</Text>
  </TabView.Item>
</TabView>