Tab

A basic Tab component that should render nicely on any platform. Supports a good level of customization.

You can customization Tab component with the Props

Usage#

import React, {FC} from 'react';
import {Body, Tab} from 'qdmrncomponents';

const App: FC = () => {
  return (
    <Body>
      <Tab
        component={{
          tab1: <Tab1 />,
          tab2: <Tab2 />,
          tab3: <Tab3 />,
          tab4: <Tab4 />,
          tab5: <Tab5 />,
        }}
        indicatorColor={'red'}
        fontSize={22}
        upperCase
      />
    </Body>
  );
};

const Tab1 = () => {
  return (
    <View>
      <Text>I am Tab1</Text>
    </View>
  );
};
const Tab2 = () => {
  return (
    <View>
      <Text>I am Tab2</Text>
    </View>
  );
};
const Tab3 = () => {
  return (
    <View>
      <Text>I am Tab3</Text>
    </View>
  );
};
const Tab4 = () => {
  return (
    <View>
      <Text>I am Tab4</Text>
    </View>
  );
};
const Tab5 = () => {
  return (
    <View>
      <Text>I am Tab5</Text>
    </View>
  );
};

Reference#

Props#

here all the list of Props you can use for Tab Component and it Inherits all ViewProps, from React Native

fontSize#

props gives you fontsize like 12, 14 etc., type number default value is 12

indicatorColor#

props gives you indicatorColor type string default value is Green

TabBgColor#

props gives you TabBgColor type string default value is Blue

upperCase#

props gives you upperCase type boolean default value is false

fontWeight#