react-native-navbar-color/README.md

IN DEVELOPMENT

react-native-navbar-color [android only]

Simple package that will set footer navigation bar color.

Do you need this?

if yes you are at right place!!!

Installation

Install the dependencies and then after start the packager.

$ npm install --save react-native-navbar-color

Linking library

You need to register package in your app. follow steps

Automatic

Try to link library using link command but it may fails sometimes.

react-native link react-native-navbar-color

Manual

1. Make sure you include in MainApplication.java file.

   import com.bhavan.RNNavBarColor.RNNavBarColor;
   

2. In the getPackages method, add the following instantiation to the returned list.

   new RNNavBarColor()
   

3. In the build.gradle file add inside dependencies { .... }

   compile project(':react-native-navbar-color')
   

4. In the settings.gradle file add

   include ':react-native-navbar-color'
   project(':react-native-navbar-color').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-navbar-color/android')
   

Example

This is how you can set footer navigationbar color in android.

import package from node_modules

import NavigationBar from 'react-native-navbar-color'

Call method to set color

NavigationBar.setColor('#ffab8e')

Here it is full example.

import React, { Component } from 'react'
import { View, Text } from 'react-native'
import NavigationBar from 'react-native-navbar-color'

export default class App extends Component {
    componentWillMount() {
        NavigationBar.setColor('#ffab8e')
    }

    render() {
        return (
            <View>
                <Text>
                    This is how we can set the navigation bar color!
                </Text>
            </View>
        )
    }
}

Output

Todos

• Write MORE good methods

License

MIT