Rn-navbar NPM | npm.io

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