{"_id":"@bang88/react-native-drawer-layout","_rev":"358676","name":"@bang88/react-native-drawer-layout","description":"A platform-agnostic drawer layout. Pure JavaScript implementation on iOS and native implementation on Android. Why? Because the drawer layout is a useful component regardless of the platform! And if you can use it without changing any code, that's perfect","dist-tags":{"latest":"2.0.3"},"maintainers":[{"name":"bang88","email":"sqibang@gmail.com"}],"time":{"modified":"2021-07-13T08:42:31.000Z","created":"2019-02-19T01:44:59.514Z","2.0.3":"2019-02-19T01:52:28.694Z","2.0.2":"2019-02-19T01:49:40.501Z","2.0.1":"2019-02-19T01:44:59.514Z"},"users":{},"author":{"name":"Brent Vatne","email":"brentvatne@gmail.com","url":"https://github.com/brentvatne"},"repository":{"type":"git","url":"git+ssh://git@github.com/react-native-community/react-native-drawer-layout.git"},"versions":{"2.0.3":{"name":"@bang88/react-native-drawer-layout","version":"2.0.3","description":"A platform-agnostic drawer layout. Pure JavaScript implementation on iOS and native implementation on Android. Why? Because the drawer layout is a useful component regardless of the platform! And if you can use it without changing any code, that's perfect","main":"dist/DrawerLayout.js","scripts":{"babel":"babel src --out-dir dist","build":"npm run-script clear && npm run-script babel","clear":"rm -rf dist/ && mkdir dist/","lint:staged":"lint-staged","prepublish":"npm run build","test":"flow --show-all-errors","format":"prettier --write --single-quote --trailing-comma all --tab-width 4 src/**/*.js"},"lint-staged":{"*.js":["prettier --write --single-quote --trailing-comma all --tabWidth 4","git add"]},"pre-commit":["lint:staged","test"],"repository":{"type":"git","url":"git+ssh://git@github.com/react-native-community/react-native-drawer-layout.git"},"author":{"name":"Brent Vatne","email":"brentvatne@gmail.com","url":"https://github.com/brentvatne"},"typings":"index.d.ts","contributors":[{"name":"Marc Mendiola","email":"marc@iodine.com"},{"name":"Daniel Schmidt","email":"daniel.maximilian@gmx.net","url":"http://danielmschmidt.de"}],"xo":{"ignores":["DrawerLayoutExample/**","dist/*"],"esnext":true,"plugins":["react"],"rules":{"indent":0,"babel/object-curly-spacing":[2,"always"],"comma-dangle":[2,"always-multiline"],"react/jsx-curly-spacing":2,"strict":[2,"never"],"no-use-before-define":0,"one-var":[2,{"uninitialized":"always","initialized":"never"}],"react/no-set-state":1,"react/prop-types":2,"react/jsx-sort-prop-types":2,"react/self-closing-comp":2}},"keywords":["react","react-native","ios","android","drawer","layout","menu"],"license":"MIT","peerDependencies":{"react":"*","react-native":"*"},"devDependencies":{"babel-cli":"^6.0.0","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-react-native":"^1.8.0","flow-bin":"^0.42.0","lint-staged":"^3.3.1","pre-commit":"^1.2.2","prettier":"^0.19.0","react":"16.0.0-alpha.12","react-native":"0.48.1"},"gitHead":"324a04959ebf528de4451caa885b2f8834e57b74","bugs":{"url":"https://github.com/react-native-community/react-native-drawer-layout/issues"},"homepage":"https://github.com/react-native-community/react-native-drawer-layout#readme","_id":"@bang88/react-native-drawer-layout@2.0.3","_nodeVersion":"8.15.0","_npmVersion":"6.8.0","dist":{"shasum":"a93abd5a9c6d1fc4c0924a9f21c2cd7d1deea88d","size":6760,"noattachment":false,"key":"/@bang88/react-native-drawer-layout/-/@bang88/react-native-drawer-layout-2.0.3.tgz","tarball":"http://registry.cnpm.dingdandao.com/@bang88/react-native-drawer-layout/download/@bang88/react-native-drawer-layout-2.0.3.tgz"},"maintainers":[{"name":"bang88","email":"sqibang@gmail.com"}],"_npmUser":{"name":"bang88","email":"sqibang@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-drawer-layout_2.0.3_1550541148513_0.36383669631463933"},"_hasShrinkwrap":false,"publish_time":1550541148694,"_cnpm_publish_time":1550541148694},"2.0.2":{"name":"@bang88/react-native-drawer-layout","version":"2.0.2","description":"A platform-agnostic drawer layout. Pure JavaScript implementation on iOS and native implementation on Android. Why? Because the drawer layout is a useful component regardless of the platform! And if you can use it without changing any code, that's perfect","main":"dist/DrawerLayout.js","scripts":{"babel":"babel src --out-dir dist","build":"npm run-script clear && npm run-script babel","clear":"rm -rf dist/ && mkdir dist/","lint:staged":"lint-staged","prepublish":"npm run build","test":"flow --show-all-errors","format":"prettier --write --single-quote --trailing-comma all --tab-width 4 src/**/*.js"},"lint-staged":{"*.js":["prettier --write --single-quote --trailing-comma all --tabWidth 4","git add"]},"pre-commit":["lint:staged","test"],"repository":{"type":"git","url":"git+ssh://git@github.com/react-native-community/react-native-drawer-layout.git"},"author":{"name":"Brent Vatne","email":"brentvatne@gmail.com","url":"https://github.com/brentvatne"},"typings":"index.d.ts","contributors":[{"name":"Marc Mendiola","email":"marc@iodine.com"},{"name":"Daniel Schmidt","email":"daniel.maximilian@gmx.net","url":"http://danielmschmidt.de"}],"xo":{"ignores":["DrawerLayoutExample/**","dist/*"],"esnext":true,"plugins":["react"],"rules":{"indent":0,"babel/object-curly-spacing":[2,"always"],"comma-dangle":[2,"always-multiline"],"react/jsx-curly-spacing":2,"strict":[2,"never"],"no-use-before-define":0,"one-var":[2,{"uninitialized":"always","initialized":"never"}],"react/no-set-state":1,"react/prop-types":2,"react/jsx-sort-prop-types":2,"react/self-closing-comp":2}},"keywords":["react","react-native","ios","android","drawer","layout","menu"],"license":"MIT","peerDependencies":{"react":"*","react-native":"*"},"devDependencies":{"babel-cli":"^6.0.0","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-react-native":"^1.8.0","flow-bin":"^0.42.0","lint-staged":"^3.3.1","pre-commit":"^1.2.2","prettier":"^0.19.0","react":"16.0.0-alpha.12","react-native":"0.48.1"},"gitHead":"18b1873b864b6792a4a334057dffc2d1f7343a1d","bugs":{"url":"https://github.com/react-native-community/react-native-drawer-layout/issues"},"homepage":"https://github.com/react-native-community/react-native-drawer-layout#readme","_id":"@bang88/react-native-drawer-layout@2.0.2","_nodeVersion":"8.15.0","_npmVersion":"6.8.0","dist":{"shasum":"ee1e7186e94bceeec087af60d80a4d566c97e902","size":5670,"noattachment":false,"key":"/@bang88/react-native-drawer-layout/-/@bang88/react-native-drawer-layout-2.0.2.tgz","tarball":"http://registry.cnpm.dingdandao.com/@bang88/react-native-drawer-layout/download/@bang88/react-native-drawer-layout-2.0.2.tgz"},"maintainers":[{"name":"bang88","email":"sqibang@gmail.com"}],"_npmUser":{"name":"bang88","email":"sqibang@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-drawer-layout_2.0.2_1550540980339_0.9610311389097923"},"_hasShrinkwrap":false,"publish_time":1550540980501,"_cnpm_publish_time":1550540980501},"2.0.1":{"name":"@bang88/react-native-drawer-layout","version":"2.0.1","description":"A platform-agnostic drawer layout. Pure JavaScript implementation on iOS and native implementation on Android. Why? Because the drawer layout is a useful component regardless of the platform! And if you can use it without changing any code, that's perfect","main":"dist/DrawerLayout.js","scripts":{"babel":"babel src --out-dir dist","build":"npm run-script clear && npm run-script babel","clear":"rm -rf dist/ && mkdir dist/","lint:staged":"lint-staged","prepublish":"npm run build","test":"flow --show-all-errors","format":"prettier --write --single-quote --trailing-comma all --tab-width 4 src/**/*.js"},"lint-staged":{"*.js":["prettier --write --single-quote --trailing-comma all --tabWidth 4","git add"]},"pre-commit":["lint:staged","test"],"repository":{"type":"git","url":"git+ssh://git@github.com/react-native-community/react-native-drawer-layout.git"},"author":{"name":"Brent Vatne","email":"brentvatne@gmail.com","url":"https://github.com/brentvatne"},"contributors":[{"name":"Marc Mendiola","email":"marc@iodine.com"},{"name":"Daniel Schmidt","email":"daniel.maximilian@gmx.net","url":"http://danielmschmidt.de"}],"xo":{"ignores":["DrawerLayoutExample/**","dist/*"],"esnext":true,"plugins":["react"],"rules":{"indent":0,"babel/object-curly-spacing":[2,"always"],"comma-dangle":[2,"always-multiline"],"react/jsx-curly-spacing":2,"strict":[2,"never"],"no-use-before-define":0,"one-var":[2,{"uninitialized":"always","initialized":"never"}],"react/no-set-state":1,"react/prop-types":2,"react/jsx-sort-prop-types":2,"react/self-closing-comp":2}},"keywords":["react","react-native","ios","android","drawer","layout","menu"],"license":"MIT","peerDependencies":{"react":"*","react-native":"*"},"devDependencies":{"babel-cli":"^6.0.0","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-react-native":"^1.8.0","flow-bin":"^0.42.0","lint-staged":"^3.3.1","pre-commit":"^1.2.2","prettier":"^0.19.0","react":"16.0.0-alpha.12","react-native":"0.48.1"},"gitHead":"636879ffd5f88306ca8648d825cfc45337ad154e","bugs":{"url":"https://github.com/react-native-community/react-native-drawer-layout/issues"},"homepage":"https://github.com/react-native-community/react-native-drawer-layout#readme","_id":"@bang88/react-native-drawer-layout@2.0.1","_nodeVersion":"8.15.0","_npmVersion":"6.8.0","dist":{"shasum":"833e2691de7287de2892d0c5302d7b0d83531aeb","size":5660,"noattachment":false,"key":"/@bang88/react-native-drawer-layout/-/@bang88/react-native-drawer-layout-2.0.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/@bang88/react-native-drawer-layout/download/@bang88/react-native-drawer-layout-2.0.1.tgz"},"maintainers":[{"name":"bang88","email":"sqibang@gmail.com"}],"_npmUser":{"name":"bang88","email":"sqibang@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-drawer-layout_2.0.1_1550540699379_0.7316366788148507"},"_hasShrinkwrap":false,"publish_time":1550540699514,"_cnpm_publish_time":1550540699514}},"readme":"## react-native-drawer-layout [![CircleCI](https://circleci.com/gh/react-native-community/react-native-drawer-layout/tree/master.svg?style=svg)](https://circleci.com/gh/react-native-community/react-native-drawer-layout/tree/master) [![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\nA platform-agnostic drawer layout. It uses a pure JavaScript implementation on every platform to ensure consistency. We try to keep it up to date with the implementation of [DrawerLayoutAndroid](https://facebook.github.io/react-native/docs/drawerlayoutandroid.html#content) and add features we consider necessary as well.\n\n## Add it to your project\n\n1. Run `npm install react-native-drawer-layout --save`\n2. Import the component by using one of these:\n  - `var DrawerLayout = require('react-native-drawer-layout').default;`\n  - `import DrawerLayout from 'react-native-drawer-layout';`\n3. Follow the [DrawerLayoutAndroid](https://facebook.github.io/react-native/docs/drawerlayoutandroid.html#content) docs -- the API is the same. Everything that differs is explained below\n\n## API\nThis includes the differences between our implementation and the official one [DrawerLayoutAndroid](https://facebook.github.io/react-native/docs/drawerlayoutandroid.html#content). Every breaking change is (hopefully) hidden behind a feature flag, so that this implementation may also be used as polyfill.\n\n## Demo\n\n![](https://raw.githubusercontent.com/react-native-community/react-native-drawer-layout/master/example.gif)\n\n## Examples\n\n- [Normal usage](https://github.com/DanielMSchmidt/DrawerLayoutExample)\n- [Heavy Load](https://github.com/DanielMSchmidt/DrawerLayoutHeavyLoadExample)\n\nTo run the demo, please run `npm install` in the `DrawerLayoutExample/` directory and start the demo up from there like any other React Native application.\n\n## Support\n\n| React Native Version      | react-native-drawer-layout Version    |\n|---------------------------|---------------------------------------|\n| >= 11 & < 23              | < 1.0                                 |\n| >= 23                     | >= 1.0  && < 2.0                      |\n| >= 35                     | >= 2.0                                |\n\nIf you experience any further restrictions with other versions, please let us know.\n\n## Restrictions\n\n- Currently, there is no support for setting the status bar color in iOS. If you know any workaround, we would be glad to see an idea or a PR.\n- The overlay to close the drawer has a `zIndex` of 1000 so setting a higher `zIndex` somewhere else may lead to inconsistencies.\n\n## Release Notes\n\n### 2.0\n\n#### Breaking changes\n\n- This version may only be used with React Native >= 0.35. For discussion see [#44](https://github.com/react-native-community/react-native-drawer-layout/pull/44)\n\n### 1.0\n\n#### Breaking changes:\n\n- This version may only be used with React Native >= 0.25\n\n### 0.3\n\n#### Breaking changes:\n- The StatusBar is no longer dimmed by sliding the drawer layout automatically. To avoid this change you may use [StatusBarIOS.setHidden](https://facebook.github.io/react-native/docs/statusbarios.html#sethidden) in the [onDrawerSlide](https://facebook.github.io/react-native/docs/drawerlayoutandroid.html#ondrawerslide) callback.\n\n## Contribution\n\nPlease make sure to run the tests before proposing a PR by running `npm test`.\n","_attachments":{},"homepage":"https://github.com/react-native-community/react-native-drawer-layout#readme","bugs":{"url":"https://github.com/react-native-community/react-native-drawer-layout/issues"},"license":"MIT"}