react-native-tab-barview-animation
v1.1.1
Published
Tab Bar With Animations For React Native
Downloads
14
Readme
React Native Tab Bar View Animated
Get Started
Installation
npm i react-native-tab-barview-animation
Usage
import { TabBar } from 'react-native-tab-barview-animation';
<TabBar
views={[<ScreenOne/>, <ScreenTwo/>, <ScreenThree/>]}
style={{backgroundColor: 'white', borderTopWidth: 0}}
iconConfig={{
icons: ['ios-home', 'ios-person', 'ios-home'],
labels: ['Home', 'Profile', 'Test'],
labelVisible: false,
activeColor: '#4d97ff',
inactiveColor: '#595959'
}}
transitionConfig={{
transition: 'slide'
}}
/>
Props
| Property | Type | isRequired? | Default | Description |
| --- | :---: | :---: | :---: | --- |
| views
| component | required | - | components to render |
| style
| - | optional | - | tab bar style |
| iconConfig[icons]
| string array | required | - | icons in tab |
| iconConfig[labels]
| string array | optional | - | labels in tab |
| iconConfig[labelVisible]
| bool | required | - | toggle labels on/off |
| iconConfig[activeColor]
| string | required | - | icon active color |
| iconConfig[inactiveColor]
| string | required | - | icon inactive color |
| transitionConfig[transition]
| string | required | - | transition used |
Transitions
Snap Fade Slide