Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/pwbrown/react-native-slidable-tab-bar
Slidable tab bar for react native with instant view rendering
https://github.com/pwbrown/react-native-slidable-tab-bar
Last synced: about 1 month ago
JSON representation
Slidable tab bar for react native with instant view rendering
- Host: GitHub
- URL: https://github.com/pwbrown/react-native-slidable-tab-bar
- Owner: pwbrown
- Created: 2015-08-23T20:56:13.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2015-08-24T02:44:35.000Z (over 9 years ago)
- Last Synced: 2024-08-16T17:53:27.852Z (5 months ago)
- Language: JavaScript
- Size: 1.37 MB
- Stars: 42
- Watchers: 5
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-react-native - react-native-slidable-tab-bar ★37 - Slidable tab bar for instant view rendering(react-native) (Components / UI)
- awesome-reactnative-ui - react-native-slidable-tab-bar - native-slidable-tab-bar/master/SlidableTabBar.gif)| (Others)
- awesome-react-native - react-native-slidable-tab-bar ★37 - Slidable tab bar for instant view rendering(react-native) (Components / UI)
- awesome-react-native - react-native-slidable-tab-bar ★37 - Slidable tab bar for instant view rendering(react-native) (Components / UI)
- awesome-reactnative-ui - react-native-slidable-tab-bar - native-slidable-tab-bar/master/SlidableTabBar.gif)| (Others)
- awesome-react-native - react-native-slidable-tab-bar ★37 - Slidable tab bar for instant view rendering(react-native) (Components / UI)
- awesome-react-native-ui - react-native-slidable-tab-bar ★23 - Slidable tab bar for instant view rendering(react-native) (Components / UI)
README
# react-native-slidable-tab-bar
Easily pass views into an organized view selector with a scrollable tab bar
## Demo
## Add it to your project
1. Run 'npm install react-native-slidable-tab-bar --save'
2. 'var SlidableTabBar = require('react-native-slidable-tab-bar');'## Basic usage
```javascript
var SlidableTabBar = require('react-native-slidable-tab-bar');//these are your own views(react classes)
var MyView1 = require('./MyView1');
var MyView2 = require('./MyView2');
var MyView3 = require('./MyView3');
var MyView4 = require('./MyView4');var Main = React.createClass({
render: function(){
return (
);
},
})
```## Pass Navigator through to components
```javascript
.
.
.```