rn-navbar

A NavBar component for react-native.

Install

npm i rn-navbar --save

Usage

var React = require('react-native');
var NavBar = require('rn-navbar');

module.exports = React.createClass({
  render () {
    return (<NavBar title="RNComponents" backFunc={()=>{this.props.navigator.pop()}} />);
  }
});

Props

Name | Description | Default | Note ------|-------------|----------|----------- title | navbar title | title | backFunc | back function | | backColor | back button color | #777 | tintColor | color of the button of the navbar | #777 | titleTextColor | title color of the navbar | #333 | barTintColor | background color of the navbar | white | actionName | right action text | | actionFunc | right action function | | actionTextColor | color of action text | #666 | backHidden | hide the backIcon/backName | false | backIcon | hide the backIcon to display backName | false | backName | left button text | back | backTextColor | color of back text | #666 | statusbarPadding | add a padding for statusbar or not | true | barBottomColor | add a color for the bottom border | #d4d4d4 | barBottomThickness | add a thickness to the bottom border | 0.5 |

Example

RNNavbar

Screenshot

• Default NavBar

• With Action button

License

The MIT License