{"_id":"@codinggist/navbar-color-react-native","_rev":"1-4cc348b61736b2bff589124ea1a8e17f","name":"@codinggist/navbar-color-react-native","dist-tags":{"latest":"0.0.1"},"versions":{"0.0.1":{"author":{"name":"Bhavan Patel"},"bugs":{"url":"https://github.com/BhavanPatel/react-native-navbar-color/issues"},"deprecated":false,"description":"Module for change color of react-native footer navigation bar in android.","homepage":"https://github.com/BhavanPatel/react-native-navbar-color#readme","keywords":["react-native","react-native-navbar-color","navigation-bar","navbar-color","footer-navigation","android","color"],"license":"MIT","main":"index.js","name":"@codinggist/navbar-color-react-native","repository":{"type":"git","url":"git+https://github.com/BhavanPatel/react-native-navbar-color.git"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"version":"0.0.1","gitHead":"5f98a64f7a8592d7f177b8372701c449a52e4213","_id":"@codinggist/navbar-color-react-native@0.0.1","_nodeVersion":"16.3.0","_npmVersion":"7.20.1","dist":{"integrity":"sha512-xpMmsvPvmZwwSu3YN7n5uITa+hmSelMSMaex/8xCrMEXjwhRxUR6f6q6Vt2t7Np8jNFLgpWz4/pr8hGdAnsDQg==","shasum":"03a379785b1d590649794313cede4cae17819774","tarball":"https://registry.npmjs.org/@codinggist/navbar-color-react-native/-/navbar-color-react-native-0.0.1.tgz","fileCount":17,"unpackedSize":100025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJhWfCRA9TVsSAnZWagAAwgEP/3Ad4GQMyIOOfPQTL9Kz\ncridIx0QDeIybSMbjK3stUpqKxgYOqV451Ipc6o1/NHVQeTfDWQEtKvtpx6z\n7Fgt2EDhpePcaQPTwVYGiUSDAKIPK5vHTh3e2qIiK2O6NvyiB72maDjIyZlT\ne4cvE7j4Ijwj3CLSm0kLnO1x4S1K+oUhHMfmJe3N7jkYq7Bibl8SOFxjIm54\n4KIsiT4EU9H5X2utEvEM0zVjESnUY5fp5nz28CThRPSvFUwysCxoqS6RXij5\nR+RgQ0TN8Px6ODuaYPdyoI2ioQ56BjGvunDyU1Y/JSKAQWR+fSHoaDFQDuTV\nyRr21pi+tdkIoX+PnSUj40F3EHTxY3F+UXvqNYM4K2YIox8Fd/FPrzqFPGzW\nLBevVGsdTGZD1ZCp190V6K2LDwhRF22hl6rmVFJgSZiA7bu97DpXq2mV41qb\nbDZv+/mYj/81ujvmJUAPcUD+3kyzIQk20koDtzUrG/xLRK4aXeNTPwGhyHv6\nPg6/T9czYB+2ya5tMZYO9Qo0Ck7ypwnqR8peC2T5z3M2sxUlfQ4IsynY+UHT\nOWI3rw+pczfeOA/cpou4c9/muy9LmJRSVvSvKv2lmdGvozlGODI/Xl4ZEKSR\nbJ+W/gf0g3wa6cJQ2p2ha/NDilLqtqEctfqFJUU0PUAb10Sh+4OGkmfsHkyU\nTovH\r\n=TwpT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC3uHaYyxq/qbosUzuFLInAja/erC2DlqBP7jj0bRiS/wIgaXZ7j7NIpZS8RSV4dq3fTTW0N6m1HFp+nV3+MSnGjYQ="}]},"_npmUser":{"name":"afaq-rns","email":"afaq@rnssol.com"},"directories":{},"maintainers":[{"name":"afaq-rns","email":"afaq@rnssol.com"},{"name":"mafaqriaz","email":"afaqriaz72@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/navbar-color-react-native_0.0.1_1629885855287_0.7999897491685322"},"_hasShrinkwrap":false}},"time":{"created":"2021-08-25T10:04:15.239Z","0.0.1":"2021-08-25T10:04:15.447Z","modified":"2022-04-05T00:09:34.069Z"},"maintainers":[{"name":"afaq-rns","email":"afaq@rnssol.com"},{"name":"mafaqriaz","email":"afaqriaz72@gmail.com"}],"description":"Module for change color of react-native footer navigation bar in android.","homepage":"https://github.com/BhavanPatel/react-native-navbar-color#readme","keywords":["react-native","react-native-navbar-color","navigation-bar","navbar-color","footer-navigation","android","color"],"repository":{"type":"git","url":"git+https://github.com/BhavanPatel/react-native-navbar-color.git"},"author":{"name":"Bhavan Patel"},"bugs":{"url":"https://github.com/BhavanPatel/react-native-navbar-color/issues"},"license":"MIT","readme":"# React Native Footer Navigation Bar Color and Status Bar\n[![NPM version](https://img.shields.io/npm/v/react-native-navbar-color.svg)](https://www.npmjs.com/package/react-native-navbar-color) [![GitHub issues](https://img.shields.io/github/issues/BhavanPatel/react-native-navbar-color.svg)](https://github.com/BhavanPatel/react-native-navbar-color/issues) [![GitHub forks](https://img.shields.io/github/forks/BhavanPatel/react-native-navbar-color.svg)](https://github.com/BhavanPatel/react-native-navbar-color/network) [![GitHub stars](https://img.shields.io/github/stars/BhavanPatel/react-native-navbar-color.svg)](https://github.com/BhavanPatel/react-native-navbar-color/stargazers)\n\n[![NPM](https://nodei.co/npm/react-native-navbar-color.png?downloads=true&downloadRank=true&stars=true)](https://nodei.co/npm/react-native-navbar-color/)\n\n# react-native-navbar-color\n\nSimple package that will set footer navigation bar color.\n\n### Do you need this?\nif yes you are at right place!!!\n\n![actual](/screenshot/actual.png)\n\n# Installation\n\nInstall the dependencies and then after start the packager.\n\n```sh\n$ npm install --save react-native-navbar-color\n```\n\n\n# Linking library\nYou need to register package in your app.\nfollow steps\n\n#### Automatic\nUse react-native link command to link library.\n```sh\nreact-native link react-native-navbar-color\n```\n\n#### Manual\n1. [`REACT_NATIVE_PROJECT/android/app/src/main/java/PROJECT_ID/MainApplication.java`]\n\n    Make sure you include in `MainApplication.java` file. \n\n    ```\n    import com.bhavan.RNNavBarColor.RNNavBarColor;\n    ```\n\n    In the ***getPackages*** method, add the following instantiation to the returned list.\n    ```\n    new RNNavBarColor()\n    ```\n\n2. [`REACT_NATIVE_PROJECT/android/app/build.gradle`]\n\n    In the `build.gradle` file add inside ***dependencies { .... }*** \n    ```\n    compile project(':react-native-navbar-color')\n    ```\n\n3. [`REACT_NATIVE_PROJECT/android/settings.gradle`]\n\n    In the `settings.gradle` file add \n    ```\n    include ':react-native-navbar-color'\n    project(':react-native-navbar-color').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-navbar-color/android')\n    ```\n    \n# API\n\n| Method | Parameters  | Default | Type | Description | Platform\n| ------ | ------ |  ------ |------ |------ | ----- |\n| setColor | hexcolor | - | *String* | Navbar color in **hex format** in string| **Android** and **API_Level >=21** |\n| setStatusBarColor| hexcolor, animation | -  , `true` | *String,Boolean* |  Statusbar color in **hex format**, Show animation **true/false** | **Android**|\n| setStatusBarTheme | one of `light`/`dark`/`default` , animation | `default`,`true` | *String*, *Boolean* | Theme of Statusbar Light/Dark/Default in **String**, Show animation **true/false**  | **Android/iOS**|\n\n# Example\nThis is how you can set footer navigationbar color in android.\n\nimport package from node_modules\n```\nimport NavigationBar from 'react-native-navbar-color'\n```\n\nmethod to **set nav color**\n```\nNavigationBar.setColor('#ffab8e')\n```\nmethod to **set statusbar color**\n```\nNavigationBar.setStatusBarColor('#ffab8e',false)\n```\nmethod to **set statusbar theme**\n```\nNavigationBar.setStatusBarTheme('dark',true)\n```\n\n### Here it is full example.\n\n```\nimport React, { Component } from 'react'\nimport { View, Text } from 'react-native'\nimport NavigationBar from 'react-native-navbar-color'\n\nexport default class App extends Component {\n    componentDidMount() {\n        NavigationBar.setColor('#ffab8e')\n    }\n\n    render() {\n        return (\n            <View>\n                <Text>\n                    This is how we can set the navigation bar color!\n                </Text>\n            </View>\n        )\n    }\n}\n```\n\n#### Output\n\n![example](/screenshot/example.png)\n\n\n\n\n# Todos\n\n - Write MORE good methods\n\nLicense\n----\nMIT\n","readmeFilename":"README.md"}