{"_id":"@arelstone/react-native-animated-tabbar","_rev":"8-ab4ec174c62ef810e7024c960041e4df","time":{"0.0.1":"2020-12-06T07:07:46.310Z","1.0.0":"2020-12-06T07:07:46.310Z","1.0.1":"2020-12-06T07:07:46.310Z","created":"2020-12-06T07:42:56.103Z","1.0.2":"2020-12-06T07:42:56.357Z","modified":"2022-04-04T15:23:04.294Z","1.0.3":"2020-12-06T07:47:00.113Z","1.0.4":"2020-12-07T06:39:09.959Z"},"name":"@arelstone/react-native-animated-tabbar","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.2":{"name":"@arelstone/react-native-animated-tabbar","version":"1.0.2","description":"Tabbar for react native with a very nice animation when changing tabs","main":"index.js","scripts":{"lint":"eslint .","test":"jest --notify --detectOpenHandles --color --runInBand --forceExit"},"author":{"name":"Carsten Daurehøj","email":"arelstone","url":"https://github.com/arelstone"},"homepage":"https://github.com/arelstone/react-native-animated-tabbar#readme","repository":{"type":"git","url":"git+https://github.com/arelstone/react-native-animated-tabbar.git"},"bugs":{"url":"https://github.com/arelstone/react-native-animated-tabbar/issues"},"type":"module","keywords":["react native","react native component","component","tabbar","mobile","ios","android","ui","animation"],"license":"MIT","dependencies":{"d3-shape":"^2.0.0","react-native-svg":"^12.1.0"},"devDependencies":{"@arelstone/eslint-config-react-native-typescript":"^1.0.3","@types/d3-shape":"^2.0.0","@types/enzyme":"^3.10.5","@types/enzyme-adapter-react-16":"^1.0.6","@types/jest":"^26.0.8","@types/react":"^16.9.19","@types/react-native":"^0.61.14","enzyme":"^3.11.0","enzyme-adapter-react-16":"^1.15.2","eslint":"^6.8.0","husky":"^5.0.0-alpha.6","jest":"^25.1.0","react":"^16.9.21","react-dom":"^16.12.0","react-native":"^0.61.5","ts-jest":"^25.2.1","typescript":"^4.1.2"},"gitHead":"0addec34b572683447658b3e426682766fc93c7f","_id":"@arelstone/react-native-animated-tabbar@1.0.2","_nodeVersion":"14.8.0","_npmVersion":"6.14.7","dist":{"integrity":"sha512-HPHhHnr531gAqzWRPMSwPdmZlpTVxKpjIToRutkD9fQzKU1IdHLo3/DkOtnT22RQkNVKnlJ2dJ6VBcuJ5W1aZA==","shasum":"473f4ec5642436687667c1825576d4f03c138399","tarball":"https://registry.npmjs.org/@arelstone/react-native-animated-tabbar/-/react-native-animated-tabbar-1.0.2.tgz","fileCount":30,"unpackedSize":1015049,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfzIuACRA9TVsSAnZWagAAT+IP/3++SDizZGDztpXCPDYL\nUeZRkWYsMb0OXFyAWUI8/z8eqG8QH10d2Ahtt0zDGEOXI1zov6VqTu6kLUZJ\npADDpRctPx87DSf8RotTUxjRRFehedauNSS1grr+2WdN6fQg0WG0193a0MJH\nLHYqSvuBFMmhyi4ztv7fbIWO9+WgY4WGXzisx/D4WSbPD+In+XQsHkTAhOn9\nZln9LQOLM9/2je4r3raAJMxfbL2XxZ9wteAwxWzQSKEeJR8IOeqgGPnRdu19\nqSRXEZPET6PAGB2+Hia0kvPV1xrTBRVEARCQY4o+ILOOa47eqUZ6VS5qTtLw\ns6uhKyFkgkLgOBXhFB/r6SxNUjPr+uC08EeVZDKUksBimhn5Phpl0+LIp9bD\nZCVKovJXBL+G0DRbhUnp/g+HHwgSL9MoUhDCwz3tX8eoL5s4diXdAx32ibQi\nHUhj9ulzP4IOBRWJMEtXZH+MhbVTyN5do4Q+jtst+/AdNT8Hz76RoVQD2Z93\n8S4Cg66Td49TW29wh+5I2g0cZp4f+PWR4YAhqoXpf1y/bPLiiSFzPGtI2uYO\nUar9mUefIw0kp/S4UB4liS1nJVYgguJCLHx/yTKEr5dsfPu6dCA2BB66emI7\n+S0c+MT6fiUlF7xiqRtpums1IpB7X89msgX6Wog6XoIbutdjAXA+MKz+8rUd\ngeLS\r\n=3ThK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCqYiTGOxvGSh3H3bds2QxGksFl/ZdOd9JWFwbJhdJdLgIhALjYdRtslToU2I5L6Vi8Y0G+LvquDgUk2pE+A81MdBdz"}]},"_npmUser":{"name":"arelstone","email":"arelstone@gmail.com"},"directories":{},"maintainers":[{"name":"arelstone","email":"arelstone@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-animated-tabbar_1.0.2_1607240576140_0.2603761320852911"},"_hasShrinkwrap":false},"1.0.3":{"name":"@arelstone/react-native-animated-tabbar","version":"1.0.3","description":"Tabbar for react native with a very nice animation when changing tabs","main":"index.js","scripts":{"lint":"eslint .","test":"jest --notify --detectOpenHandles --color --runInBand --forceExit"},"author":{"name":"Carsten Daurehøj","email":"arelstone","url":"https://github.com/arelstone"},"homepage":"https://github.com/arelstone/react-native-animated-tabbar#readme","repository":{"type":"git","url":"git+https://github.com/arelstone/react-native-animated-tabbar.git"},"bugs":{"url":"https://github.com/arelstone/react-native-animated-tabbar/issues"},"type":"module","keywords":["react native","react native component","component","tabbar","mobile","ios","android","ui","animation"],"license":"MIT","dependencies":{"d3-shape":"^2.0.0","react-native-svg":"^12.1.0"},"devDependencies":{"@arelstone/eslint-config-react-native-typescript":"^1.0.3","@types/d3-shape":"^2.0.0","@types/enzyme":"^3.10.5","@types/enzyme-adapter-react-16":"^1.0.6","@types/jest":"^26.0.8","@types/react":"^16.9.19","@types/react-native":"^0.61.14","enzyme":"^3.11.0","enzyme-adapter-react-16":"^1.15.2","eslint":"^6.8.0","husky":"^5.0.0-alpha.6","jest":"^25.1.0","react":"^16.9.21","react-dom":"^16.12.0","react-native":"^0.61.5","ts-jest":"^25.2.1","typescript":"^4.1.2"},"gitHead":"45fa7989b37a53477464682e98e24310f8cde19d","_id":"@arelstone/react-native-animated-tabbar@1.0.3","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-1PqS11Jf73BLF2ahZ30c5aJ4EJyULGU35tCIEQssZnOngTXV6rWRkpzx62LG52ft/1fF053/ZF7w0pUqdxJNgg==","shasum":"7b6ed46e10cb86433307563c5cd3fad8a2827595","tarball":"https://registry.npmjs.org/@arelstone/react-native-animated-tabbar/-/react-native-animated-tabbar-1.0.3.tgz","fileCount":30,"unpackedSize":1015049,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfzIx0CRA9TVsSAnZWagAAuSkP/2lkhab/zvJIn95EDCQi\n7Py3VcfJvRsTpW0VLyJPFNXQZoLyL/DIdKsWFdCee5DNf9NrXSSdRlQHMAJw\nkrLxigjra7sd98eVqSdiA19D7ISJ4nfG+nTSUVjJLyowXMPNHbQ/QLL5gUf+\nUw6/MNanqmKPcnyrnO9VHgcQz28EjyirjX7iQLRjpZ4zufhhByRjGbA391Fn\nGZ3HKSbiSb9wN4hPOUdSMvhDKtwxaMi6eNvwkidOGgz1lpcqwtIsM8Vn4GEA\nuIuYxf925bIOl/wS2gayE1FuyoNDoLD6vEQ9PPvRzNRlIY5mSsPDEL+KlsNF\nw3xPrJFsS3zPBtdWYdq6U8OwAwf2eLfCRVX3XkW1Ij0K9yWwJ/GMcc6Ewn41\nSF4LrSW72LN3n6c0m8D+qvjknJegbxGy0Z0xqzkX6MEYO5xywBFtXBQFYAjc\newWCW7gmAJEuxP0M92B6olE6doCi3eeoIXGx0sWSyr4r/nryaKwN8PGZalkH\nr2phn+W179/N0T9nNcUYCXPpo7+GC8MxOVYapRCA6bCc/AFHxbVi5KBpccwZ\nr54hh65p20k63DXPNfPIQv5gu9S5iQxynIJKXvWOLrIjckyZH7BiI61h3uzg\nUU2SwejZnllCVcTG0hW8DumBJec2PI0KtlF8SNe1WlhjLBXor6w10DLgrrs7\n1FRe\r\n=SdTS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCGW7ymaXBtJHLrpv8RgKqCj3lkB2srcNc2dfpUnFsNdAIhAKtMGY+y8L08VhS0lGtx2pO1/RpizavWBYT5ewvo7BsJ"}]},"_npmUser":{"name":"arelstone","email":"arelstone@gmail.com"},"directories":{},"maintainers":[{"name":"arelstone","email":"arelstone@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-animated-tabbar_1.0.3_1607240819937_0.3555269175833935"},"_hasShrinkwrap":false},"1.0.4":{"name":"@arelstone/react-native-animated-tabbar","version":"1.0.4","description":"Tabbar for react native with a very nice animation when changing tabs","main":"index.js","scripts":{"lint":"eslint .","test":"jest --notify --detectOpenHandles --color --runInBand --forceExit"},"author":{"name":"Carsten Daurehøj","email":"arelstone","url":"https://github.com/arelstone"},"homepage":"https://github.com/arelstone/react-native-animated-tabbar#readme","repository":{"type":"git","url":"git+https://github.com/arelstone/react-native-animated-tabbar.git"},"bugs":{"url":"https://github.com/arelstone/react-native-animated-tabbar/issues"},"type":"module","keywords":["react native","react native component","component","tabbar","mobile","ios","android","ui","animation"],"license":"MIT","dependencies":{"d3-shape":"^2.0.0","react-native-svg":"^12.1.0"},"devDependencies":{"@arelstone/eslint-config-react-native-typescript":"^1.0.3","@types/d3-shape":"^2.0.0","@types/enzyme":"^3.10.5","@types/enzyme-adapter-react-16":"^1.0.6","@types/jest":"^26.0.8","@types/react":"^16.9.19","@types/react-native":"^0.61.14","enzyme":"^3.11.0","enzyme-adapter-react-16":"^1.15.2","eslint":"^6.8.0","husky":"^5.0.0-alpha.6","jest":"^25.1.0","react":"^16.9.21","react-dom":"^16.12.0","react-native":"^0.61.5","ts-jest":"^25.2.1","typescript":"^4.1.2"},"gitHead":"c9a89ae64c8f5eada4273d49b4cf9adeb7407aa0","_id":"@arelstone/react-native-animated-tabbar@1.0.4","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-4LWS0U6mnFDoJOBpCRE9CRbegncevSZbe92QeJ3UVcqt7xLMFTrCNh6dftRu5PiUgHrhm4aM/gZWqwifb0M3Ig==","shasum":"bb755831a8f246fbbfdf0f5ae2df7a32628d5966","tarball":"https://registry.npmjs.org/@arelstone/react-native-animated-tabbar/-/react-native-animated-tabbar-1.0.4.tgz","fileCount":30,"unpackedSize":1015058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfzc4OCRA9TVsSAnZWagAAgYkP/2oPm6iDpyyMCfLnljqF\no8N2EIXyZPAVZGK654LNUfEcd+ZyONAKpimEgV+ivJ6fDIMnM9pBsNxrwmNW\nc9M9IuKO8VmA8uINTc5AdgGoWcI6eLgbn4Ztsl691nedNUoyqFMoCYBCUsjy\nUlVaQ47OkYXP78B2f+zpq31ha/kRAQ5yLVsh3giXVZ061V+WjP/lwqozIGs2\njTVB/whd8mWWvs80W1hR5JEmnbXH2C04Q++/EL52B76X7jkrTUtLugJzsdkF\nGwKpF+pjByQ16vmB1k+bYzEcuqaYM87iH1uNb2F2zvSHis/HVnIL2SYI6Vzy\nhlD2eJwwWXg49mm1fcse+bqc9G8dXmTbLl1W2pI2hZKDSa7Lj3r3QQ9l82L8\nZJZ75eW82rz66ThPhmC/jPOwykRJaa0eEy9ef/rwVAVkRpaTLlnrfYRfZfR8\n1Grt/K6+hu02IAZYouCMU9FJiKWevTv+HpJlC3rJ4xWUyj+29Gq5sgwE6NAm\ngu3fqMPVyB5Ev6ZmTvN35WDaYxwMmpjdc4CcqT/OfMC18VDK2uARJYDWjoR9\nnHnJcpldSMf0Zq0xFgawMebAyW1773wK+T+n7fY1ddB/icHtqNk8Y1Cm7uPp\nvk4BzU1bKYGFCpy+/uo4GSxIu7JTGTTtXpIEq0fni0PVkXMHuHwYcnSEfeuW\nL6Yz\r\n=AsNs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAQx/IOSYNM2p5cNuf1Nznhx8nGXk37cBbh4OYfuVoueAiEAnWkY6vazRBu3ruvXcBfrpjcnsn0pDVisetF3OsP1Msw="}]},"_npmUser":{"name":"arelstone","email":"arelstone@gmail.com"},"directories":{},"maintainers":[{"name":"arelstone","email":"arelstone@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-animated-tabbar_1.0.4_1607323149826_0.22697845722262233"},"_hasShrinkwrap":false}},"maintainers":[{"name":"arelstone","email":"arelstone@gmail.com"}],"description":"Tabbar for react native with a very nice animation when changing tabs","homepage":"https://github.com/arelstone/react-native-animated-tabbar#readme","keywords":["react native","react native component","component","tabbar","mobile","ios","android","ui","animation"],"repository":{"type":"git","url":"git+https://github.com/arelstone/react-native-animated-tabbar.git"},"author":{"name":"Carsten Daurehøj","email":"arelstone","url":"https://github.com/arelstone"},"bugs":{"url":"https://github.com/arelstone/react-native-animated-tabbar/issues"},"license":"MIT","readme":"# @arelstone/react-native-animated-tabbar\n\nThis component can be used to have an animated tabbar in your react-native app.\n\nThis package leverages on [react-native-svg](https://github.com/react-native-svg/react-native-svg) and [d3-shapes](https://github.com/d3/d3-shape).\n\n\n![npm](https://shields.cdn.bka.li/npm/dt/@arelstone/react-native-animated-tabbar?style=for-the-badge)\n![npm (scoped)](https://shields.cdn.bka.li/npm/v/@arelstone/react-native-animated-tabbar?label=version&style=for-the-badge)\n![GitHub issues](https://shields.cdn.bka.li/github/issues/arelstone/react-native-animated-tabbar?style=for-the-badge)\n![GitHub pull requests](https://shields.cdn.bka.li/github/issues-pr/arelstone/react-native-animated-tabbar?style=for-the-badge)\n\n![@arelstone/react-native-animated-tabbar](https://raw.githubusercontent.com/arelstone/react-native-animated-tabbar/master/docs/example.gif)\n\n## Install\n```sh\nnpm i @arelstone/react-native-animated-tabbar\n// or\nyarn add @arelstone/react-native-animated-tabbar\n```\n\nFor ios remember to run `pod install` in the `./ios`-directory to apply [react-native-svg](https://github.com/react-native-svg/react-native-svg).\n\n## Props\n\n| Prop            \t    | Type      \t| Description      \t|\n|-------------------\t|--------------\t|--------------\t|\n| tabs               \t| { icon: ReactElement; activeIcon: ReactElement; onPress: () => void; label?: string;}\t| An array of tabs that will be displayed \t|\n| backgroundColor      \t| string (optional)\t| Set the backgroundColor of the  tabbar and the circle. Default: white\t|\n| circleAnimationDurationMs\t| number (optional)\t| Change the duration of the circle animation. Defualt: 100\t|\n| circleContainerStyle\t| StyleProp<ViewStyle> (optional)\t| Apply some styling the the container that holds the circles\t|\n| circleSize\t| number (optional)\t| The size of the circle. Default 40\t|\n| circleStyle\t| StyleProp<ViewStyle>  (optional)\t| Apply some styling for the circles\t|\n| height\t| number (optional)\t| Set the height of the tabbar. Default 64\t|\n| textStyle\t| StyleProp<TextStyle>  (optional)\t| Apply styling to the label of each tab.\t|\n\n\n### Credits\nThis component wouldn't have been able to do without the videos from [William Candillon](https://github.com/wcandillon) who was the inspiration for this component. I will reccoment all of his [videos](https://www.youtube.com/c/wcandillon).\n","readmeFilename":"README.md"}