Slidable tab bar for react native with instant view rendering
JavaScript
Switch branches/tags
Nothing to show
Clone or download
Philip Brown Philip Brown
Philip Brown and Philip Brown Added Demo Gif to readme file
Latest commit 4b22173 Aug 23, 2015
Permalink
Failed to load latest commit information.
README.md Added Demo Gif to readme file Aug 24, 2015
SlidableTabBar.gif added demo gif Aug 24, 2015
index.js removed icon for the mean time Aug 24, 2015
package.json 0.0.7 Aug 24, 2015

README.md

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

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 (
			<SlidableTabBar>
				<MyView1 title="PAGE 1" color="red"/>
				<MyView2 title="PAGE 2" color="blue"/>
				<MyView3 title="PAGE 3" color="green"/>
				<MyView4 title="PAGE 4" color="purple"/>
			</SlidableTabBar>
		);
	},	
})

Pass Navigator through to components

<SlidableTabBar>
	<MyView1 title="PAGE1" color="red" navigator={this.props.navigator}/>
	.
	.
	.
</SlidableTabBar>