https://github.com/beefe/react-native-navigation-bar

NavigationBar written in pure javascript for cross-platform support
https://github.com/beefe/react-native-navigation-bar

Last synced: 5 days ago
JSON representation

NavigationBar written in pure javascript for cross-platform support

• Host: GitHub
• URL: https://github.com/beefe/react-native-navigation-bar
• Owner: beefe
• Created: 2015-12-05T15:58:09.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2017-04-17T06:40:58.000Z (over 7 years ago)
• Last Synced: 2024-11-07T07:38:46.298Z (about 1 month ago)
• Language: JavaScript
• Size: 207 KB
• Stars: 61
• Watchers: 5
• Forks: 17
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-react-native - react-native-navigation-bar ★59 - react-native-navigation-bar (Components / Navigation)
• awesome-react-native - react-native-navigation-bar ★59 - react-native-navigation-bar (Components / Navigation)
• awesome-react-native - react-native-navigation-bar ★59 - react-native-navigation-bar (Components / Navigation)
• awesome-react-native - react-native-navigation-bar ★59 - react-native-navigation-bar (Components / Navigation)
• awesome-react-native-ui - react-native-navigation-bar ★51 - react-native-navigation-bar (Components / Navigation)

README

        
# 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](./doc/ui.jpg)

###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

```javascript

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

	

```