{"_id":"@adrianso/react-native-modalize","_rev":"1-2f4751dc4bc943ab9be537ec3bc10f96","name":"@adrianso/react-native-modalize","dist-tags":{"latest":"1.3.7-rc.6"},"versions":{"1.3.7-rc.6":{"name":"@adrianso/react-native-modalize","version":"1.3.7-rc.6","description":"A modal that loves scrollable content.","main":"lib/index.js","types":"./lib/index.d.ts","scripts":{"build":"rm -rf ./lib/* && yarn lint && tsc","prepublish":"yarn build","lint":"tslint 'src/**/*.ts?(x)' && prettier --list-different \"**/*.{json,md,js,jsx,ts,tsx}\"","prettier":"prettier --write \"**/*.{json,md,js,jsx,ts,tsx}\"","postversion":"sh ./post-version.sh","watch:modalize":"yarn tsc --watch","watch:expo":"concurrently \"yarn watch:modalize\" \"yarn cpx 'src/**/*' 'examples/expo/node_modules/react-native-modalize' --watch\"","watch:react-native-navigation":"concurrently \"yarn watch:modalize\" \"yarn cpx 'src/**/*' 'examples/react-native-navigation/node_modules/react-native-modalize' --watch\"","watch:react-navigation":"concurrently \"yarn watch:modalize\" \"yarn cpx 'src/**/*' 'examples/react-navigation/node_modules/react-native-modalize' --watch\""},"keywords":["react-native","react","native","modal","android","ios","scrollview","flatlist","sectionlist","scroll","swipe","snap"],"author":{"name":"Jérémy Barbet"},"license":"MIT","homepage":"https://github.com/jeremybarbet/react-native-modalize","repository":{"type":"git","url":"git+https://github.com/jeremybarbet/react-native-modalize.git"},"lint-staged":{"*.{ts,tsx,js,jsx,json,md}":["prettier --write"],"*.{ts,tsx}":["tslint --fix"]},"prettier":{"singleQuote":true,"trailingComma":"all","printWidth":100},"commitlint":{"extends":["@commitlint/config-conventional"]},"husky":{"hooks":{"commit-msg":"commitlint -E HUSKY_GIT_PARAMS","pre-commit":"lint-staged"}},"devDependencies":{"@commitlint/cli":"8.3.5","@commitlint/config-conventional":"8.3.4","@types/react":"16.9.19","@types/react-native":"0.61.9","concurrently":"5.1.0","cpx":"1.5.0","husky":"4.2.1","lint-staged":"10.0.7","prettier":"1.19.1","react":"16.12.0","react-native":"0.61.5","react-native-gesture-handler":"1.5.3","tslint":"5.20.1","tslint-config-airbnb":"5.11.2","tslint-config-prettier":"1.18.0","typescript":"3.7.5"},"peerDependencies":{"react":"> 15.0.0","react-native":"> 0.50.0","react-native-gesture-handler":"> 1.0.0"},"gitHead":"e63b128b2b9fd1eb2bdc219664b1ea879b971342","bugs":{"url":"https://github.com/jeremybarbet/react-native-modalize/issues"},"_id":"@adrianso/react-native-modalize@1.3.7-rc.6","_nodeVersion":"12.16.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-zPoXIPq6WweiM9VfmrKRA/XqWtb/pgrSPrNZL7AjU2nBtqMNSgshD5sc8Ned6aFn9ttozkmeNedbWdXRdcMIwg==","shasum":"c0417282fc11295cd061fbf7773062aceab25e03","tarball":"https://registry.npmjs.org/@adrianso/react-native-modalize/-/react-native-modalize-1.3.7-rc.6.tgz","fileCount":18,"unpackedSize":52774,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVD65CRA9TVsSAnZWagAApJwP/0tYxQVNaFRjjOUTVjgm\nWlqBW2SE1xHMtuZVJaEA/XnqvULb7yQSAPvbgmAepyK3CTUOeXPWNIXrc4O8\noaNftNtxXqdhs+dBCzFTks+00j2YT4n48Sfur3JyaNf43qe+mQG3FVN0k9RF\n2Kdg3bMgiHgl6o4qGDSCDhuv31fiHRQW5D1wnJtgtW3Yoc4Ydxsiz/7tMiXj\nKS4isJCTb9JqHLoJq7JOwHNJIKhlVTsPRS/ri4X1bje9zEH237jeFUuyp6fj\nN8kfSjFYzcZlLirvvUJdK3EOCnxy8+jytyYnTmw5YdLhLyQHiRxMBcN/ZG04\nyORhHHytvluZep7Wz1tf5IaLplxwAsCOM5mJAUcvW8R3A6KnWoYiyt3rzqlo\nB9jjzLQoIuq1xw51/6iACdZSzz+69mKOAFVSg9d/KMK278tyw7F4eT1jEeXQ\nTRsZu1weAIAH/6Q3NaQgBPvNlDPyUWE9r+IHsJIJ2axgX2MYJlnTb0KtXmbr\nJX0fjo3C/JzGbU7l6/YE2v5aos2obbgnhOFN6OFPhwg0bdKqE0gZ5C372YDv\nu5Sw+pDR7nv9/niTuhpe3D73q4y5FTJQRidiyn97iqzNXAzkkMh5I+YcNKIE\n91Sai2coe6oB9Cf1bzxdXW/jR8OkISHfHZ0rQLF+yHCi2bOd0RskwWxAkUUq\nvhdl\r\n=7pED\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDwob1pBdQcfQKKGWjKIaopyo9uD0EMDTl+f70lVdw/vwIhAO6TJTui0GdR5uXPiZTEMIxy8ogcVYwHAMKOzCFoibow"}]},"maintainers":[{"name":"adrianso","email":"adrian.so@sld.co.nz"}],"_npmUser":{"name":"adrianso","email":"adrian.so@sld.co.nz"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-modalize_1.3.7-rc.6_1582579384691_0.3095832380837198"},"_hasShrinkwrap":false}},"time":{"created":"2020-02-24T21:23:04.663Z","1.3.7-rc.6":"2020-02-24T21:23:04.831Z","modified":"2022-04-04T11:37:29.964Z"},"maintainers":[{"name":"adrianso","email":"adrian.so@sld.co.nz"}],"description":"A modal that loves scrollable content.","homepage":"https://github.com/jeremybarbet/react-native-modalize","keywords":["react-native","react","native","modal","android","ios","scrollview","flatlist","sectionlist","scroll","swipe","snap"],"repository":{"type":"git","url":"git+https://github.com/jeremybarbet/react-native-modalize.git"},"author":{"name":"Jérémy Barbet"},"bugs":{"url":"https://github.com/jeremybarbet/react-native-modalize/issues"},"license":"MIT","readme":"# Modalize\n\n[![npm version](https://badge.fury.io/js/react-native-modalize.svg)](https://badge.fury.io/js/react-native-modalize)\n\nA modal that loves scrollable content.\n\nThis component has been built with `react-native-gesture-handler` to address the common issue of **scrolling**, **swipping** and handling the **keyboard** behaviors, you can face with react-native's modal. This component comes with a ScrollView, the default content renderer, a FlatList and a SectionList. They are all three built-in and make your life easier, just pass your content and Modalize will handle the rest for you.\n\n

\n \n \n \n \n \n \n \n \n

\n\n## Installation\n\n```bash\nyarn add react-native-modalize\n```\n\nIf you are not using expo, you will have to install `react-native-gesture-handler`\n\n```bash\nyarn add react-native-gesture-handler\n```\n\nCheck out [`react-native-gesture-handler`'s documentation](https://kmagiera.github.io/react-native-gesture-handler/docs/getting-started.html) to set it up.\n\n## Usage\n\nHere is the quick how-to example:\n\n```jsx\nimport React, { useRef } from 'react';\nimport { View, Text, TouchableOpacity } from 'react-native';\nimport { Modalize } from 'react-native-modalize';\n\nexport const MyApp = () => {\n const modalRef = useRef(null);\n\n const onOpen = () => {\n const modal = modalRef.current;\n\n if (modal) {\n modal.open();\n }\n };\n\n return (\n <>\n \n Open the modal\n \n\n ...your content\n \n );\n};\n```\n\n## Documentation\n\nThe full [documentation is available here](https://jeremybarbet.github.io/react-native-modalize). There is multiple examples runing through differents navigators, with more informations [here](https://jeremybarbet.github.io/react-native-modalize/#/EXAMPLES.md).\n","readmeFilename":"README.md"}