<p align="left">
    <a href="https://www.npmjs.com/package/@logisticinfotech/react-native-tabbed-bar"><img alt="npm version" src="https://img.shields.io/badge/npm-v1.0.2-green.svg"></a>
    <a href="https://www.npmjs.com/package/@logisticinfotech/react-native-tabbed-bar"><img src="https://img.shields.io/badge/downloads-%3E1K-yellow.svg"></a>
    <a href="https://www.npmjs.com/package/@logisticinfotech/react-native-tabbed-bar"<><img src="https://img.shields.io/badge/license-MIT-orange.svg"></a>
</p>

# react-native-tabbed-bar
React Native Tab Bar Library


### Installation and Usage

Please check this blog for installation and usage [this link](https://www.logisticinfotech.com/blog/react-native-tabbed-bar-library/)

![](RNTabBar.gif)

### Basic Properties

| Prop                 | Default | Type     | Description                                       |
| -------------------- | ------- | -------- | ------------------------------------------------- |
| displayTab           | 3       | `Number` | Number of tabs show in line.                      |
| children             | ---     | `Node`   | List of children node for the tabs. its required. |
| tabBarContainerStyle | {}      | `style`  | Style of the one tab bar.                         |
| tabBarTextStyle      | {}      | `style`  | Style of the tab bar text.                        |
| tabIndicatorStyle    | {}      | `style`  | Style of the tab indicator.                       |
| activeColor          | red     | `string` | Active color of tab bar text and tab indicator.   |
| inactiveColor        | grey    | `string` | Inactive color of tab bar text and tab indicator. |
