Skip to content
master
Go to file
Code

Latest commit

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
doc
Dec 10, 2015
Jan 18, 2016
Oct 21, 2016
Oct 21, 2016

README.md

react-native-navigation-bar

NavigationBar written in pure javascript for cross-platform support

Since most of our apps have a similar navigationBar, we made it to be a common component

Needs react-native >= 0.14.2

ui

###Documentation

	title: PropTypes.string.isRequired,
	//not include the height of statusBar on ios platform
	height: PropTypes.number,
	titleColor: PropTypes.string,
	backgroundColor: PropTypes.string,
	leftButtonTitle: PropTypes.string,
	leftButtonTitleColor: PropTypes.string,
	onLeftButtonPress: PropTypes.func,
	rightButtonTitle: PropTypes.string,
	rightButtonTitleColor: PropTypes.string,
	onRightButtonPress: PropTypes.func

###Usage

####Step 1 - install

	npm install react-native-navigation-bar --save

####Step 2 - import and use in project

	import NavigationBar from 'react-native-navigation-bar';

	<NavigationBar 
		title={'this is a test'}
		height={44}
		titleColor={'#fff'}
		backgroundColor={'#149be0'}
		leftButtonIcon={}
		leftButtonTitle={'back'}
		leftButtonTitleColor={'#fff'}
		onLeftButtonPress={onBackHandle} 
		rightButtonIcon={}
		rightButtonTitle={'forward'}
		rightButtonTitleColor={'#fff'}
		onRightButtonPress={onForwardHandle}
	/>

About

NavigationBar written in pure javascript for cross-platform support

Resources

Packages

No packages published
You can’t perform that action at this time.