react-native-awesome-tabbar

React Native Awesome Tabbar

The awesome tabbar made with React Native.


Add it to your project

1. Run npm install react-native-awesome-tabbar --save
2. import TabBar from "react-native-awesome-tabbar";

Basic Usage

``js

import TabBar from "react-native-awesome-tabbar";
...
render() {
return (
{}} backgroundColor="">

{/ Page Content /}


{/ Page Content /}


{/ Page Content /}

title="Notification"
icon={require("./notification.png")}
activeColor="#c9379d"
count={{ number: 999 }}
>
{/ Page Content /}


);
}
``

Props

| prop | value | required/optional | description |
| --------------- | ------------ | ----------------- | ---------------------------- |
| title | string | required | title of item |
| icon | image source | required | icon of item |
| activeColor | string | optional | color when item is focus |
| onChangeTab | function | optional | callback when switching tabs |
| backgroundColor | string | optional | background color of tab |
| count | object | optional | for badge of icon |

LICENSE!

react-native-awesome-tabbar is MIT-licensed.

Let us know!

We’d be really happy if you send us links to your projects where you use our component. Just send an email to locnguyen99dev@gmail.com and do let us know if you have any questions or suggestion regarding our work.