No Package Mishaps

    react-native-navigation-bar

    0.2.1 • Public • Published

    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}
        />

    Install

    npm i react-native-navigation-bar

    DownloadsWeekly Downloads

    58

    Version

    0.2.1

    License

    ISC

    Last publish

    Collaborators

    • zooble