{"_id":"@csuarez-leantech/fork-react-native-material-bottom-navigation","_rev":"2-c83efe7d8484db669cc8f2b906089e49","name":"@csuarez-leantech/fork-react-native-material-bottom-navigation","dist-tags":{"latest":"1.0.7"},"versions":{"1.0.6":{"name":"@csuarez-leantech/fork-react-native-material-bottom-navigation","version":"1.0.6","description":"A beautiful, customizable and easy-to-use Material Design Bottom Navigation for react-native.","main":"index.js","scripts":{"docs:gen:api":"./scripts/docgen","test":"jest --all --env=jsdom","test:watch":"jest --watch --env=jsdom","test:ci":"export JEST_JUNIT_OUTPUT=\"coverage/junit/js-test-results.xml\" && jest --env=jsdom --runInBand --ci --coverage --testResultsProcessor=\"jest-junit\"","lint":"eslint .","contributors:add":"all-contributors add","contributors:generate":"all-contributors generate","contributors:check":"all-contributors check"},"repository":{"type":"git","url":"git+https://github.com/csuarez-leantech/react-native-material-bottom-navigation.git"},"bugs":{"url":"https://github.com/timomeh/react-native-material-bottom-navigation/issues"},"author":{"name":"Timo Mämecke","email":"maemecketimo@gmail.com"},"license":"MIT","dependencies":{"prop-types":"^15.6.1"},"peerDependencies":{"react":"*","react-native":"*"},"devDependencies":{"all-contributors-cli":"^5.4.1","babel-eslint":"^8.2.2","babel-jest":"18.0.0","babel-preset-react-native":"1.9.1","enzyme":"^3.3.0","enzyme-adapter-react-16":"^1.1.1","eslint":"^4.18.1","eslint-config-prettier":"^2.9.0","eslint-plugin-prettier":"^2.6.0","eslint-plugin-react":"^7.7.0","eslint-plugin-react-native":"^3.2.1","jest":"22.4.0","jest-junit":"^3.6.0","prettier":"^1.10.2","react":"16.13.1","react-docgen":"^2.20.1","react-docgen-markdown-renderer":"^1.0.2","react-dom":"16.13.1","react-native":"0.63.2","react-test-renderer":"~16.13.1"},"types":"./index.d.ts","jest":{"preset":"react-native","testURL":"http://localhost","setupFiles":["/setupTests.js"],"transform":{"^.+\\.js$":"/node_modules/react-native/jest/preprocessor.js"},"modulePathIgnorePatterns":["/examples/Playground/node_modules"]},"keywords":["react-native","material","bottomnavigation","bottom navigation","ios","android","react-component","react-navigation"],"gitHead":"c48cdb28030b80392bb8590eecf7c58ddc17019a","homepage":"https://github.com/csuarez-leantech/react-native-material-bottom-navigation#readme","_id":"@csuarez-leantech/fork-react-native-material-bottom-navigation@1.0.6","_nodeVersion":"14.16.0","_npmVersion":"7.20.1","dist":{"integrity":"sha512-qnZTHfwA8SXE1dfWFTGngOL0lf2G6uRvarRt7AOuDPPenz/KJX2RXo782OtBiK98/O/eHNPRX9+ZC25oYVlm1w==","shasum":"fcd0299b318f71498a752dcd7017cf4f7da7adca","tarball":"https://registry.npmjs.org/@csuarez-leantech/fork-react-native-material-bottom-navigation/-/fork-react-native-material-bottom-navigation-1.0.6.tgz","fileCount":26,"unpackedSize":74936,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg/xrJCRA9TVsSAnZWagAARlsP/iT3uR+m1/k1pQYb+IfB\nny7VHhXoBsg8yJLhpywZmvDD6roMJA66eEeDemk7vwWeZkucbTlZ7Mpeby6O\nBeJEBXH2+InzF1WNtbWMi/YxaYCEtUcj7FaLQPhCT3Kko/w0kgQJkVd7uR0v\nvtCLLLuZi6xkKT0eX7uEiofLolKBHR+nEBlBtQePus+L5sc1KPl0NMDLDGpK\nLFv6IaVgnSw753dGAOqUl5CelF1PF7bp9kWC18YWqo8/zH+Y2wNaKO5S+Sfk\nVkgGz/BqB0a2Mw59ubDJ0h6NB5eJtXnUJlj3GXa4lW23mMOS0StYrUa4wMIr\nw2rEaT0UalMorDLbrOQnhjVmTOHn2w/aBH5CJ6Zr7UmTO/RrABKqX1BJGp3w\nNxQ703HCTBCwqDTP1hJQzul2NqyCHerqWpb37ZJZi9FxCos7LLzb8y6Y5xaq\nG1Vkj5JbqLEA4ahOBiYfrCs1r5+7NZR01LqxlCR4QJrUBBfaMMDX14cOMPyY\nBRegpLRtNwbMFzq//XJ6MSxdO6kQB+Yw2CGaLbCVRsLE7f6jhLpy6kUfjLvN\nQ+1LgyIEab1AFBQ4q/F5yXe9R5kQnWvQADPCEJ/m9mhfMcEA13iVmNGvKCk/\nczz62xnWc+fvtfdEx/LQOVgZ39NzD+vnm2UOxO4hzvf3X+M9cNBggYROjSaj\n0Hup\r\n=DbwB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCWygmDCWbhOhqkJzvy/o0tMgH2YdFSGJYBtGqiCU8auQIgNdduiceTSIgdcXFPCiaKwG1Cjx1jAepCHi49TuIZjQk="}]},"_npmUser":{"name":"csuarez-leantech","email":"csuarez@lean-tech.io"},"directories":{},"maintainers":[{"name":"csuarez-leantech","email":"csuarez@lean-tech.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/fork-react-native-material-bottom-navigation_1.0.6_1627331273510_0.4521312618421627"},"_hasShrinkwrap":false},"1.0.7":{"name":"@csuarez-leantech/fork-react-native-material-bottom-navigation","version":"1.0.7","description":"A beautiful, customizable and easy-to-use Material Design Bottom Navigation for react-native.","main":"index.js","scripts":{"docs:gen:api":"./scripts/docgen","test":"jest --all --env=jsdom","test:watch":"jest --watch --env=jsdom","test:ci":"export JEST_JUNIT_OUTPUT=\"coverage/junit/js-test-results.xml\" && jest --env=jsdom --runInBand --ci --coverage --testResultsProcessor=\"jest-junit\"","lint":"eslint .","contributors:add":"all-contributors add","contributors:generate":"all-contributors generate","contributors:check":"all-contributors check"},"repository":{"type":"git","url":"git+https://github.com/csuarez-leantech/react-native-material-bottom-navigation.git"},"bugs":{"url":"https://github.com/timomeh/react-native-material-bottom-navigation/issues"},"author":{"name":"Timo Mämecke","email":"maemecketimo@gmail.com"},"license":"MIT","dependencies":{"prop-types":"^15.6.1"},"peerDependencies":{"react":"*","react-native":"*"},"devDependencies":{"all-contributors-cli":"^5.4.1","babel-eslint":"^8.2.2","babel-jest":"18.0.0","babel-preset-react-native":"1.9.1","enzyme":"^3.3.0","enzyme-adapter-react-16":"^1.1.1","eslint":"^4.18.1","eslint-config-prettier":"^2.9.0","eslint-plugin-prettier":"^2.6.0","eslint-plugin-react":"^7.7.0","eslint-plugin-react-native":"^3.2.1","jest":"22.4.0","jest-junit":"^3.6.0","prettier":"^1.10.2","react":"16.13.1","react-docgen":"^2.20.1","react-docgen-markdown-renderer":"^1.0.2","react-dom":"16.13.1","react-native":"0.63.2","react-test-renderer":"~16.13.1"},"types":"./index.d.ts","jest":{"preset":"react-native","testURL":"http://localhost","setupFiles":["/setupTests.js"],"transform":{"^.+\\.js$":"/node_modules/react-native/jest/preprocessor.js"},"modulePathIgnorePatterns":["/examples/Playground/node_modules"]},"keywords":["react-native","material","bottomnavigation","bottom navigation","ios","android","react-component","react-navigation"],"gitHead":"7b85370cfb7f7049a89612d57192ac691cd76f3d","homepage":"https://github.com/csuarez-leantech/react-native-material-bottom-navigation#readme","_id":"@csuarez-leantech/fork-react-native-material-bottom-navigation@1.0.7","_nodeVersion":"14.16.0","_npmVersion":"7.20.1","dist":{"integrity":"sha512-SpU1eOGB5iCXIrtaH75/zGy1iNDjJOtqbWnTNfmMhHjYsRHmQr/KHRdwPc+sUG0rnZQD050j8vKmTH9nf/9Ilg==","shasum":"beb0a11b642847e7ba0ad3d3e438f24ea2b6e3b1","tarball":"https://registry.npmjs.org/@csuarez-leantech/fork-react-native-material-bottom-navigation/-/fork-react-native-material-bottom-navigation-1.0.7.tgz","fileCount":26,"unpackedSize":74920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg/yXrCRA9TVsSAnZWagAAb6UP/0v77bnXPen33pboDJGl\n2SH+3WbZrAI54BxA6xKjACJMBupJx0N6ilEZZJVwM2YqZsmg3FmJElXYQZEG\nDRo6OIidCw+urmmlqRM3HjcUTCuK3E6NUOByE4GnybsmSjP/57ivEFJ0FvUE\n4xgETNHjI7HDgMOCM2FFiAkmSAn+z1xhBKLVQ6mIgtdn7zSv2pJzgQX3raQl\nHpHPOlSwN1xdiPlDeN8IOrWmRZDt9xREvV9ASasTHLbOT6FLbiJTy3v/PPAy\nzJi/XwE1LKj64+5Nxh51r9dyjIPbKL+a+CogAtHZM/UbEx9G3SAPNzwEGHpv\njddqh3/J6WdTlDv0gs6alczJxWIYxd9+hDZ2WMPSGVwlYvP4Fm2N842bwJqG\nykooVWta8O/UbeYDloBo8a5npyKCLafQi0imPTB90sg2JiASiYeI/p53fqR3\n99gHgJd84e2zRo0cdboGq6j24eswu/haLqwU8kaLibLodhomhofdvJFIMTlz\npZbX8iy7ezXwklQxQ3VqHMIJC6b2yCMl6YVjQ2urKnntZffGMD7dvsDRzFo3\nBopFA0S0jTgaIbpVfTAPgUS6G9cQmfi4lTtKayuuWMK+jvJJ2iAACLN34I3K\nN3jOBkzGbRxR49e0L2TlBBPqdOXHZOaC3ZRz5RKqvYRij8w6NiFChdzSNFjC\ngYD6\r\n=4muJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCE1OFd2usBRDJxd4PhtukDzCrSvOmyeQouPh1P9xsiGgIgZgnQjTB1B+kaFy5cxsxxFMGsq5e3mOSbalVm7uuQTss="}]},"_npmUser":{"name":"csuarez-leantech","email":"csuarez@lean-tech.io"},"directories":{},"maintainers":[{"name":"csuarez-leantech","email":"csuarez@lean-tech.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/fork-react-native-material-bottom-navigation_1.0.7_1627334123485_0.40269343427011495"},"_hasShrinkwrap":false}},"time":{"created":"2021-07-26T20:27:53.456Z","1.0.6":"2021-07-26T20:27:53.642Z","modified":"2022-04-05T02:03:40.818Z","1.0.7":"2021-07-26T21:15:23.689Z"},"maintainers":[{"name":"csuarez-leantech","email":"csuarez@lean-tech.io"}],"description":"A beautiful, customizable and easy-to-use Material Design Bottom Navigation for react-native.","homepage":"https://github.com/csuarez-leantech/react-native-material-bottom-navigation#readme","keywords":["react-native","material","bottomnavigation","bottom navigation","ios","android","react-component","react-navigation"],"repository":{"type":"git","url":"git+https://github.com/csuarez-leantech/react-native-material-bottom-navigation.git"},"author":{"name":"Timo Mämecke","email":"maemecketimo@gmail.com"},"bugs":{"url":"https://github.com/timomeh/react-native-material-bottom-navigation/issues"},"license":"MIT","readme":"

\n \"react-native-material-bottom-navigation\"\n

\n\n
\n\n

\n \n \"npm\n \n \n \"downloads\"\n \n

\n

\n A beautiful, customizable and easy-to-use
Material Design Bottom Navigation for react-native.\n

\n\n
\n\n- **Pure JavaScript.** No native dependencies. No linking. No obstacles.\n- **Looks beautiful.** Stunning and fluid animations. You won't believe it's not a native view.\n- **Customize it.** You can adjust nearly everything to make it fit perfectly to your app.\n- **Easy to use.** Uses established React patterns for both simple and advanced usage.\n- **Pluggable.** Includes customizable Tabs and Badges. Not enough? Create and use your own!\n\n
\n\n## Installation\n\n```sh\nnpm install react-native-material-bottom-navigation\n```\n\n## Table of Contents\n\n- [Installation](#installation)\n- [Demo](#demo)\n- [Usage](#usage)\n- [Documentation](#documentation)\n- [Notes](#notes)\n- [Contribute](#contribute)\n- [Contributors](#contributors)\n- [License](#license)\n\n## Demo\n\n

\n
\n Shifting Tab\n

\n\n

\n
\n Full Tab\n

\n\n

\n
\n Icon Tab\n

\n\n## Usage\n\nThis library uses [\"render props\"](https://reactjs.org/docs/render-props.html) as established pattern for component composition. The example below illustrates the basic usage of the Bottom Navigation. All available Props are listed in the [Documentation](#documentation).\n\nDive into the example below, check out [the example app](/examples/Playground) and take a look at the [Usage Documentation](https://timomeh.gitbook.io/material-bottom-navigation/usage).\n\n```js\nimport BottomNavigation, {\n FullTab\n} from 'react-native-material-bottom-navigation'\n\nexport default class App extends React.Component {\n tabs = [\n {\n key: 'games',\n icon: 'gamepad-variant',\n label: 'Games',\n barColor: '#388E3C',\n pressColor: 'rgba(255, 255, 255, 0.16)'\n },\n {\n key: 'movies-tv',\n icon: 'movie',\n label: 'Movies & TV',\n barColor: '#B71C1C',\n pressColor: 'rgba(255, 255, 255, 0.16)'\n },\n {\n key: 'music',\n icon: 'music-note',\n label: 'Music',\n barColor: '#E64A19',\n pressColor: 'rgba(255, 255, 255, 0.16)'\n }\n ]\n\n state = {\n activeTab: 'games'\n }\n\n renderIcon = icon => ({ isActive }) => (\n \n )\n\n renderTab = ({ tab, isActive }) => (\n \n )\n\n render() {\n return (\n \n \n {/* Your screen contents depending on current tab. */}\n \n this.setState({ activeTab: newTab.key })}\n renderTab={this.renderTab}\n tabs={this.tabs}\n />\n \n )\n }\n}\n```\n\n**Note:** Out-of-the-box support for React Navigation (called `NavigationComponent` in earlier releases) was removed with v1. Check [this example](/examples/with-react-navigation.js) for a custom React Navigation integration. [Read more...](#react-navigation-support)\n\n## Documentation\n\n- [Usage](/docs/Usage.md)\n- [API Reference](/docs/api)\n - [``](/docs/api/Badge.md)\n - [``](/docs/api/BottomNavigation.md)\n - [``](/docs/api/FullTab.md)\n - [``](/docs/api/IconTab.md)\n - [``](/docs/api/ShiftingTab.md)\n\n## Notes\n\n### React Navigation Support\n\n**Check [this example](/examples/with-react-navigation.js) for a custom React Navigation integration.**\n\nIn contrary to earlier releases, this library does not support React Navigation _out of the box_. React Navigation now ships with its own Material Bottom Navigation: [`createMaterialBottomTabNavigator`](https://reactnavigation.org/docs/en/material-bottom-tab-navigator.html).\n\nYou can still implement react-native-material-bottom-navigation manually by using React Navigation's [Custom Navigators](https://reactnavigation.org/docs/en/custom-navigators.html#api-for-building-custom-navigators). Check out [this example](/examples/with-react-navigation.js).\n\n### Updated Material Design Specs\n\nGoogle updated the Material Guidelines on Google I/O 2018 with new specifications, including a slightly changed Bottom Navigation and a new \"App Bar Bottom\" with a FAB in a centered cutout. react-native-material-bottom-navigation uses the _older_ specs.\n\n## Contribute\n\nContributions are always welcome. Read more in the [Contribution Guides](CONTRIBUTING.md).\n\nPlease note that this project is released with a Contributor [Code of Conduct](CODE_OF_CONDUCT.md). By participating in this project you agree to abide by its terms.\n\n## Contributors\n\nThanks goes to these wonderful people ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):\n\n\n\n| [\"Timo
Timo Mämecke](https://twitter.com/timomeh)
[🐛](https://github.com/timomeh/react-native-material-bottom-navigation/issues?q=author%3Atimomeh \"Bug reports\") [💻](https://github.com/timomeh/react-native-material-bottom-navigation/commits?author=timomeh \"Code\") [🎨](#design-timomeh \"Design\") [📖](https://github.com/timomeh/react-native-material-bottom-navigation/commits?author=timomeh \"Documentation\") [💡](#example-timomeh \"Examples\") [🚇](#infra-timomeh \"Infrastructure (Hosting, Build-Tools, etc)\") [🤔](#ideas-timomeh \"Ideas, Planning, & Feedback\") [👀](#review-timomeh \"Reviewed Pull Requests\") | [\"Shayan
Shayan Javadi](https://www.shayanjavadi.com/)
[💻](https://github.com/timomeh/react-native-material-bottom-navigation/commits?author=ShayanJavadi \"Code\") | [\"David\"/
David](https://github.com/davidmpr)
[💻](https://github.com/timomeh/react-native-material-bottom-navigation/commits?author=davidmpr \"Code\") | [\"Jayser
Jayser Mendez](http://steemia.io)
[📖](https://github.com/timomeh/react-native-material-bottom-navigation/commits?author=jayserdny \"Documentation\") | [\"Peter
Peter Kottas](https://www.facebook.com/tipsforholiday)
[💻](https://github.com/timomeh/react-native-material-bottom-navigation/commits?author=PeterKottas \"Code\") | [\"Matt
Matt Oakes](https://mattoakes.net)
[💻](https://github.com/timomeh/react-native-material-bottom-navigation/commits?author=matt-oakes \"Code\") | [\"Keeley
Keeley Carrigan](http://www.keeleycarrigan.com)
[💻](https://github.com/timomeh/react-native-material-bottom-navigation/commits?author=keeleycarrigan \"Code\") |\n| :---: | :---: | :---: | :---: | :---: | :---: | :---: |\n| [\"Sean
Sean Holbert](http://www.twitter.com/wildseansy)
[💻](https://github.com/timomeh/react-native-material-bottom-navigation/commits?author=wildseansy \"Code\") | [\"Alessandro
Alessandro Parolin](https://github.com/aparolin)
[📖](https://github.com/timomeh/react-native-material-bottom-navigation/commits?author=aparolin \"Documentation\") | [\"Prashanth
Prashanth Acharya M](https://github.com/prashantham)
[📖](https://github.com/timomeh/react-native-material-bottom-navigation/commits?author=prashantham \"Documentation\") | [\"Alexey
Alexey Tcherevatov](https://github.com/lemming)
[💻](https://github.com/timomeh/react-native-material-bottom-navigation/commits?author=lemming \"Code\") [🐛](https://github.com/timomeh/react-native-material-bottom-navigation/issues?q=author%3Alemming \"Bug reports\") | [\"Trevor
Trevor Atlas](https://blog.trevoratlas.com/)
[🐛](https://github.com/timomeh/react-native-material-bottom-navigation/issues?q=author%3Atrevor-atlas \"Bug reports\") |\n\n\n\nThis project follows the [all-contributors](https://github.com/kentcdodds/all-contributors) specification. Contributions of any kind welcome!\n\n## License\n\n[MIT](LICENSE.md), © 2017 - present Timo Mämecke\n","readmeFilename":"README.md"}