{"_id":"react-native-drawer-item-selector","_rev":"33-ceac0b41d50546388582835397e8186d","time":{"0.0.1":"2020-11-20T05:03:08.220Z","0.0.2":"2020-11-20T05:03:08.220Z","0.0.3":"2020-11-20T05:03:08.220Z","0.0.4":"2020-11-20T05:03:08.220Z","created":"2020-11-21T07:09:23.970Z","0.1.0":"2020-11-21T07:09:24.151Z","modified":"2022-05-14T17:22:13.256Z","1.0.0":"2020-11-21T07:53:35.730Z","1.0.1":"2020-11-21T08:24:46.143Z","1.0.2":"2020-11-21T08:50:47.452Z","1.0.3":"2020-11-22T07:24:52.438Z","1.0.4":"2020-11-22T10:08:30.174Z","1.0.5":"2020-11-25T12:44:45.550Z","1.0.6":"2020-11-26T14:42:32.404Z","1.0.7":"2020-12-01T11:33:13.125Z","1.0.8":"2020-12-09T06:31:39.249Z","1.0.9":"2020-12-14T15:01:34.587Z","1.1.0":"2020-12-18T08:46:59.363Z","1.1.1":"2020-12-18T09:11:21.472Z","1.1.2":"2020-12-22T19:45:23.603Z","1.1.3":"2021-01-01T07:48:25.735Z","1.1.4":"2021-01-15T09:53:15.216Z"},"name":"react-native-drawer-item-selector","dist-tags":{"latest":"1.1.4"},"versions":{"1.1.1":{"name":"react-native-drawer-item-selector","version":"1.1.1","description":"Item Selector from given drawer component for React Native. Light Weight Component with maximum Customization features, Supports iOS and Android, No Configuration Required.","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/ansh-099/react-native-drawer-item-selector.git"},"keywords":["react-native-drawer-item-selector","react-native-drawer-option-selector","react-native-drawer-selector","react-native-bottom-sheet","bottom-sheet-drawer","raw-bottom-sheet","bottom-drawer","drawer","selector","modal","animation-sheet","react-native"],"author":{"name":"Anshul Singh","email":"ansh.099@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/ansh-099/react-native-drawer-item-selector/issues"},"homepage":"https://github.com/ansh-099/react-native-drawer-item-selector#readme","_id":"react-native-drawer-item-selector@1.1.1","_nodeVersion":"14.5.0","_npmVersion":"6.14.9","dist":{"integrity":"sha512-VLyJFJOFSyDaSIbvmSSu0N2kUOeDOVDPDVpglfeqGp0AMb+jVULRDRZ9tgOSDOtn3vqIrG4x+FK5CS64Ibaamg==","shasum":"58056a44e3d0411f41a53a0dd882e515f9c05303","tarball":"https://registry.npmjs.org/react-native-drawer-item-selector/-/react-native-drawer-item-selector-1.1.1.tgz","fileCount":5,"unpackedSize":10890,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf3HI5CRA9TVsSAnZWagAAPpEP/Ai4HSORo/brEfyJTHrp\nVJv5piTxQdguC6EatLakJXz/JS99DSFAVi+mEh+OVJYpiJCnruiSs8NlURDA\nWo3OCD5v3Q5P0tyatXAnVvKWMXTRCnAYNxm/z2GtQJ/LNNMHufx6KpnFjRza\nskQfMX2XMD4u44T2aXRpbvp4cy98yfwu6A48XCtZ9dc64vpj4CJo8Cgry/MB\nbspY3WHIhvNfVPnKwHKQ2Eve3k0qGAIRYefapUCjb9jcBmfwza869OH+sNhL\nJrrQuV9ZmoFalo2YQmTrtoxU2W9F2FMYgGLavbBthrGfsfq4Nzyu9kkPoLSK\ndNg1+bGxpKDWpPgoFM8Wfk5OTvWj6lRXmVSso9SP3GTbwmM/fTD89ssMMQYN\nwijYvYOk6guerL7HaUM2lA42EXCiQhvCVPb8uvaM5AAE3luiuoxgYPJ3BVZQ\n39v72GuNE0Syo9KB+7q9KBlfQYv4AzqVoyyExCevmPNba12RgupghOv3Lxwl\nQhw7gr0dP1uryBbrci7yAZOTg8q+Dgt7+CVw1LhgY1YgPLlyrjO6RJ9HNewx\n+uZmZycZsBQybmHKQlPocXuECqXTvptqGU7vKEXub8XRdGeHSgNnLlaKz4b3\ntswwHsQRGxYcu9TeVlSFrS30eCPJbF+WIp2kRMkwmK4BYQUT8j5ncBUPK9os\nnwj1\r\n=NvCX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDEQnghpBdt9pai24s3c596Go1utxAEMAzNBrV0H9iEagIgQBI82Hy9UKkSQi7qKFJVz52IIbJmHg4CoQ3VmyWKZJo="}]},"_npmUser":{"name":"ansh-099","email":"ansh.099@gmail.com"},"directories":{},"maintainers":[{"name":"ansh-099","email":"ansh.099@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-drawer-item-selector_1.1.1_1608282681368_0.5021535667117027"},"_hasShrinkwrap":false},"1.1.2":{"name":"react-native-drawer-item-selector","version":"1.1.2","description":"Item Selector from given drawer component for React Native. Light Weight Component with maximum Customization features, Supports iOS and Android, No Configuration Required.","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/ansh-099/react-native-drawer-item-selector.git"},"keywords":["react-native-drawer-item-selector","react-native-drawer-option-selector","react-native-drawer-selector","react-native-bottom-sheet","bottom-sheet-drawer","raw-bottom-sheet","bottom-drawer","drawer","selector","modal","animation-sheet","react-native"],"author":{"name":"Anshul Singh","email":"ansh.099@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/ansh-099/react-native-drawer-item-selector/issues"},"homepage":"https://github.com/ansh-099/react-native-drawer-item-selector#readme","_id":"react-native-drawer-item-selector@1.1.2","_nodeVersion":"14.5.0","_npmVersion":"6.14.10","dist":{"integrity":"sha512-2coxKP7VRqByzgDa73YOrcUGtM6EFuaDFJ+5HoOPe7sgcGKifilQnnuYVWfaRi2VSKkM/6qn7wkqI3dtX3jNaw==","shasum":"46745d504cae3fa020817f330ca37a01c9b920c4","tarball":"https://registry.npmjs.org/react-native-drawer-item-selector/-/react-native-drawer-item-selector-1.1.2.tgz","fileCount":5,"unpackedSize":10896,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf4kzTCRA9TVsSAnZWagAAkkoP/0U/5R5v2jUkQ0XNtTyE\njRW15/3ahsUACKtJ7hIodjDJ2cPPsuFYbii59cKcU0Hjgq7IN9eyB+bVm2H6\nthwIm4ah4iIRpO101NLhbyL4zZmj/7DVEbbTd2cMgRsl7iKYwMcE978fC1sg\nUjiJ9qjRp8+OmewqZbiAqX1eO+fFqXAOZ/AI0J2nWaXcQMbhag+RQ5FhZo3B\nClhJKHFBS0eBCt2vfmJ2ZTNYaNa8K20ZbYJzEco3plfJyTwkhh5rKPbFN/KU\nQKAqgVQdLi56LRPPlO2yXQhlntNZXKsG0knBry89tRGsSpvIq6lExKT4rGnJ\nnDQcmqXRxbbquvXl4oqn+wa8g2qMVQXBkwZzD269RXa294nHgiWNpxp49w+I\n8nYg6S5Ku2V6v7U6snZapqyxCGwdkZyfIS1PoGlPikdkdn6lO7LB4O7ENCy/\n8SwWv1OuOaJx9ei4tlB6Rur9okLFpR9GEIJMTQIXBEYVtbmdF4Mh33v+FGoO\nHjcFO4QcBb9PUAJZe99ULSEw6BSj3T9iUG+s3opWCu4bnzYT1ofjNmamzhq6\n/6M2xiazGd1IrXUrzgUanhBmYb0BtCX8AoQ0EZbPsCNaD17RQ0+vQLXZbL5o\nQSRxmitAYf1WTdzVcS/R+L/0II4YAEJ1nSsSUNsQNqJvoGJY1ycJCQOAD5KC\n00/o\r\n=tL30\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDGyXHPr31gQ3vpjk3wJzV3F1EWRC3/ug4WEdYHdg3wLwIgNr+hI4wLgrLqliZ99g4dJGsnzsdalrA2SjpQRY5H/yg="}]},"_npmUser":{"name":"ansh-099","email":"ansh.099@gmail.com"},"directories":{},"maintainers":[{"name":"ansh-099","email":"ansh.099@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-drawer-item-selector_1.1.2_1608666323467_0.6314262120184082"},"_hasShrinkwrap":false},"1.1.3":{"name":"react-native-drawer-item-selector","version":"1.1.3","description":"Item Selector from given drawer component for React Native. Light Weight Component with maximum Customization features, Supports iOS and Android, No Configuration Required.","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/ansh-099/react-native-drawer-item-selector.git"},"keywords":["react-native-drawer-item-selector","react-native-drawer-option-selector","react-native-drawer-selector","react-native-bottom-sheet","bottom-sheet-drawer","raw-bottom-sheet","bottom-drawer","drawer","selector","modal","animation-sheet","react-native"],"author":{"name":"Anshul Singh","email":"ansh.099@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/ansh-099/react-native-drawer-item-selector/issues"},"homepage":"https://github.com/ansh-099/react-native-drawer-item-selector#readme","_id":"react-native-drawer-item-selector@1.1.3","_nodeVersion":"14.5.0","_npmVersion":"6.14.10","dist":{"integrity":"sha512-HQtjWsk4x5k5uTPfmcMspVPSYuNcJUL1cp+rvmHuKlo5y+vwKO+5Y+2ld/jOdD12Fv+l/WEwmvlFYoJsuYb3lQ==","shasum":"504d7d7ae0cb871152ee9e1c8e43d617bd9ab30e","tarball":"https://registry.npmjs.org/react-native-drawer-item-selector/-/react-native-drawer-item-selector-1.1.3.tgz","fileCount":5,"unpackedSize":10781,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf7tPKCRA9TVsSAnZWagAAhfwP/25Lt4sr4I/Q68tNgSu4\n7rEzMSC4ykJ7xGXlDDgZIh2i3FFkT7ceraVKPAPJb8ScmFqv1Et78wlt2zQO\nrZ6IxcOyQcIvf0MiZLzooT5zzqp3QRScZWGASaTdFgvJM8zm/9nzdynQU5U2\nkjrUIwL524L/rB3qLh7SkI8jfdqzcfpQ/bFyaXj+CCu6+Cjo7NyMxpVsxn6g\n109+oGErzJCRvqR4RQnH/N5qtmeP7llyGcRsmKhk4QPxjYjabNgWxYZ3Ipby\nxRLcSuuDEGFt0yONNK/mbPsFx74puVKVHMYwLHEjE3K4Ojj4zC1BwQCmY7ym\niBYgtR780pT1ojb/E8sd5z589zDns71kWXOXNpaGwHDADa2PxfTs1v9ji4QM\nO8zxk8uAu9Gq2J83KHDqpFBFvlgNo6J8/xX1PxNfmt7J4tC3Pr+IDUUkhsh3\n9UMF30MzVUh/TTPueLOuGeVB+P31qYfdBOEEOBoNcrIZKsG/OURqrw/s3MsF\nd1X4kdSqV1Zq3yVEgFssLxU7cCsMnk/eZTZQdjcbwcxtav/GFluMMcFz5Fgn\nn8UBLYhGlaHx2Kx6Opd8SIrHVMRdrLkQA7pzCA8UP39YU8Y1eDZ6e0zHT0Bp\ndcnNcoYVdi4EEujq1QR6LWizvkUFH41dGVJxXJj9l9l2xGeBx9Nk/AE7YWFZ\njOQ8\r\n=ZISL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEiXljwnyx6at6TI3cKgb2wVJNe5YespCq2WvcCX1mR6AiEA2Ak6STXb9hz80LIGJ4jz2mjCRWhEm7JtgJo1phwFE7k="}]},"_npmUser":{"name":"ansh-099","email":"ansh.099@gmail.com"},"directories":{},"maintainers":[{"name":"ansh-099","email":"ansh.099@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-drawer-item-selector_1.1.3_1609487305607_0.4811414312354001"},"_hasShrinkwrap":false},"1.1.4":{"name":"react-native-drawer-item-selector","version":"1.1.4","description":"Item Selector from given drawer component for React Native. Light Weight Component with maximum Customization features, Supports iOS and Android, No Configuration Required.","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/ansh-099/react-native-drawer-item-selector.git"},"keywords":["react-native-drawer-item-selector","react-native-drawer-option-selector","react-native-drawer-selector","react-native-bottom-sheet","bottom-sheet-drawer","raw-bottom-sheet","bottom-drawer","drawer","selector","modal","animation-sheet","react-native"],"author":{"name":"Anshul Singh","email":"ansh.099@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/ansh-099/react-native-drawer-item-selector/issues"},"homepage":"https://github.com/ansh-099/react-native-drawer-item-selector#readme","_id":"react-native-drawer-item-selector@1.1.4","_nodeVersion":"14.5.0","_npmVersion":"6.14.10","dist":{"integrity":"sha512-By2pXl0IhlGYV0MySR+FWMU/tTkFvV5YBykif2py58vSGIc2rkZqj7Jey/+AkcS4ZHFImIxSKEBQdNCpQyNXng==","shasum":"284787aa6fb51265b90a2ea5e1e30cb74a91d820","tarball":"https://registry.npmjs.org/react-native-drawer-item-selector/-/react-native-drawer-item-selector-1.1.4.tgz","fileCount":5,"unpackedSize":10770,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgAWYLCRA9TVsSAnZWagAABEoP/iZL75KX9TNF3oOvw/Nl\nKbisI2Smg0au75YQpT6eAWGBgIXsj8a5WEtqTKHcqNrHAZyy/1uwnVfILVWD\ntD/idU9TJLrBwU2FM7spZh80BizTpGohCfdziUDi79XX87yEH5F8qjcDk16x\nSx7YuOqlXIYMZChN599x7AsnY3vKCvQFfo50aAmKTi56vNrtE3tiNx6uHWKA\ndaGTR+/OAdymJXRmElmlPCM3Ofa24zeDp+F7aVeQj1Y+WuknMgUbu8vrhdfV\nAt3Mz+YW9Mmc2H/BD4Bq2NS5eOiMDJTGlBJ+4D/BZd6Vm8Gs7HoHiQzoQbV4\nhW8mXiFhMz/c2edQifVx/XwyHFjcfikirdWkbccu1nm4oLh8W7vMSij6fqP1\nR3HfYChQJNj/Bfwh5IqMImskgntFkHEBuNk2Fdn6H5aRg1Sj7Ouq3TlTfWBb\ne93icdY4e47+YAZz3/zQmsNyAOMI14Sjmfx0oMbsGKSFdDqkp/wW6m7NNkpj\nb4EPzJUmx0QtG2I34GjiyKv3aaDF/V/V3pgyLyjqYGRRQNSLxjOe1kmNhudm\n2F21py+HoV0nmHrrfb/pQvcuQE6UyfhVQzd9ID3jwMPfnVKFiYjBxDYahSbW\no0ZNrG1wt4JF4DYaYW/vaHVCWQErf6Zj+Ec6UVdn1kYW5SKGsgXGLWkS7ND1\nf8mc\r\n=YcLM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC39965FZzHCMWMWndxJRcc2YzcrmuOvi6PeZD3MnlcsQIhAJ1CSRJcyyFOQjDxjg6QvInLdNtGzDjclUuXqWvLW5/B"}]},"_npmUser":{"name":"ansh-099","email":"ansh.099@gmail.com"},"directories":{},"maintainers":[{"name":"ansh-099","email":"ansh.099@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-drawer-item-selector_1.1.4_1610704395117_0.42352514905697225"},"_hasShrinkwrap":false}},"maintainers":[{"name":"ansh-099","email":"ansh.099@gmail.com"}],"description":"Item Selector from given drawer component for React Native. Light Weight Component with maximum Customization features, Supports iOS and Android, No Configuration Required.","homepage":"https://github.com/ansh-099/react-native-drawer-item-selector#readme","keywords":["react-native-drawer-item-selector","react-native-drawer-option-selector","react-native-drawer-selector","react-native-bottom-sheet","bottom-sheet-drawer","raw-bottom-sheet","bottom-drawer","drawer","selector","modal","animation-sheet","react-native"],"repository":{"type":"git","url":"git+https://github.com/ansh-099/react-native-drawer-item-selector.git"},"author":{"name":"Anshul Singh","email":"ansh.099@gmail.com"},"bugs":{"url":"https://github.com/ansh-099/react-native-drawer-item-selector/issues"},"license":"MIT","readme":"Item Selector from given drawer items component for React Native.\n\n\n \n\n\n\n \n
\n\n\n \n\n\n\n \n
\n\n## Key Notes\n\n* Maximum Customization\n* Max Lightweight Component\n* No Dependency, No Configuration\n* Add Your own Component To Bottom Sheet\n* Support Gesture\n* Available for iOS and Android\n* Smooth Animation\n* Selector Shape Changeable(Dot, Square)\n* Dynamically adjust Title and Items\n\n## Installation\n\n```\nnpm i react-native-drawer-item-selector --save\n```\n\n### or\n\n```\nyarn add react-native-drawer-item-selector\n```\n## Usage\n\n#### Class component\n\n```jsx\nimport React, { Component } from \"react\";\nimport { StyleSheet, View, Text, Button } from 'react-native';\n\nimport DrawerSelector from 'react-native-drawer-item-selector';\n\nexport default class App extends Component {\n constructor(props) {\n super(props);\n this.state = {\n index: 0\n };\n }\n render() {\n // setDrawerVisible() will be used to open the drawer\n var setDrawerVisible;\n const setDrawerSelector = (func) => {\n setDrawerVisible = func;\n }\n return (\n \n Hello World React Native!\n { setDrawerVisible(); }}\n title='Open Drawer'\n />\n this.setState({ index: value })} data={[['1', 'Item 1', () => { console.log('Item 1 Selected') }], ['2', 'Item 2', () => { console.log('Item 2 Selected') }]]} setDrawerSelector={setDrawerSelector} />\n \n );\n }\n};\n\nconst styles = StyleSheet.create({\n view: {\n backgroundColor: '#c3b3b3',\n flex: 1,\n alignItems: 'center',\n justifyContent: 'center'\n },\n text: {\n color: 'white'\n }\n});\n```\n\n#### Functional component\n\n```jsx\nimport React, { useState } from 'react';\nimport { StyleSheet, View, Text, Button } from 'react-native';\n\nimport DrawerSelector from 'react-native-drawer-item-selector';\n\nconst App = () => {\n const [index, setIndex] = useState(0);\n // setDrawerVisible() will be used to open the drawer\n var setDrawerVisible;\n const setDrawerSelector = (func) => {\n setDrawerVisible = func;\n }\n return (\n \n Hello World React Native!\n { setDrawerVisible(); }}\n title='Open Drawer'\n />\n { console.log('Item 1 Selected') }], ['2', 'Item 2', () => { console.log('Item 2 Selected') }]]} setDrawerSelector={setDrawerSelector} />\n \n );\n};\n\n\nconst styles = StyleSheet.create({\n view: {\n backgroundColor: '#c3b3b3',\n flex: 1,\n alignItems: 'center',\n justifyContent: 'center'\n },\n text: {\n color: 'white'\n }\n});\n\nexport default App;\n```\n\n## Props\n\n| Props | Type | Description |\n| ---------------- | -------- | ------------------------------------------------------- |\n| index | state : integer | Contains the index which is currently selected from data, initialised to 0 |\n| setIndex | state : function | Set hook function to set the value of index |\n| setDrawerSelector| function | Takes function setDrawerVisible and set setDrawerVisible = True whenever setDrawerVisible() is called |\n| backgroundColor | string | Sets Drawer Background color, Default = '#2c2c2e' |\n| selector | string | Sets Selector type, takes only values = 'dot', 'square', Default = 'dot' |\n| selectorColor | string | Sets Selector Color, Default = 'red' |\n| itemTextStyle | object | Sets text style for each item |\n| itemHeight | number | Sets Height of Each Row in drawer (Height of each item), Default = 60 |\n| itemContainerStyle | object | Sets style for each item container |\n| seperatingLineColor | string | Sets seperating line color, Default = '#000000' |\n| title | string | Title of the Drawer, Default = 'Title' |\n| titleTextStyle | object | Sets text style for title |\n| titleContainerStyle | object | Sets style for title container |\n| data | array | Sets data for Drawer, at each index ['ID', 'Item Name', ()=>{ //Function to perform }], Default = [['1', 'Item 1', () => { }], ['2', 'Item 2', () => { }]] |\n| animationType | string | Sets animation of drawer, Default = 'slide', All Options = 'slide', 'fade', 'none' |\n\n\n## License\n\nThis project is licensed under the MIT License - see [LICENSE.md](https://github.com/ansh-099/react-native-drawer-item-selector/blob/master/LICENSE.md) for details\n\n\n## Author\n\nMade by [Anshul Singh](https://github.com/ansh-099)\n","readmeFilename":"README.md"}