rn-navbar

    0.2.3 • Public • Published

    rn-navbar

    NPM version npm download

    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

    Install

    npm i rn-navbar

    DownloadsWeekly Downloads

    0

    Version

    0.2.3

    License

    MIT

    Last publish

    Collaborators

    • fantasyshao