{"_id":"@allroundexperts/rn-swiper","_rev":"2-9e69e32662f16afd30d644e6ef61c986","name":"@allroundexperts/rn-swiper","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@allroundexperts/rn-swiper","version":"1.0.0","description":"An easy to use react native wrapper component that makes the child components swipeable in four directions.","main":"Swiper.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":["react-native","iOS","Android","Swiper","Animated-swiper","swiping"],"author":{"name":"Sibtain Ali"},"license":"MIT","dependencies":{"prop-types":"^15.7.2"},"gitHead":"73b7a399e29128101acbc5f7d8b9fab1d71d93c6","_id":"@allroundexperts/rn-swiper@1.0.0","_nodeVersion":"11.0.0","_npmVersion":"6.8.0","dist":{"integrity":"sha512-AzMUrqFY22jpXhR6dtaCdC4VUpXBsw9M7oDykETHNbmaCz8ZGqraV4HgDXLVOQ1Uhvl6C+8I1ZburbTAKKcuDQ==","shasum":"e1e62060029ec139cd151daf22a9edcd146ff14e","tarball":"https://registry.npmjs.org/@allroundexperts/rn-swiper/-/rn-swiper-1.0.0.tgz","fileCount":3,"unpackedSize":6638,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcaGKCCRA9TVsSAnZWagAAHmwQAJz9fAZ3uBUGb0WkpvhQ\nO+yKCS3WH2AflZ2DL/D1QIh6/19VNixz4jUJtC3mGucVxnzHzu/NVE/ny0Nw\nZh3OynNn2yj25S/lDnfb1HXTk1wx6mVprH/k+fivwdsZ36pHICEmf0/FbPcr\nVvv7jZA3eb+8o1s9PM31FHEJFBqecV/EjrTaIpwfBUuM2Fu3Zz3GoALxJNcc\nPUePn0Yispu+wlXN4YHVL9uJkfXMplVmsC6a1ZqXkG0BN4YdN2FE10lPij0K\nvXxiw5WQd1u41jWflV+4DWyTU2FYjWE6SPzjPZaKdjopn99NRwhHLY7yAX8o\nEdrUjg9t3AoNJ9/BLU0Z05xAmpjIPsEPUE9S+iCtbFcDdziwrGvmEf/5TNm/\nbm0I+Kc1/QS5+CPQfU+09x/Cudv/fQgGru/asM5OS7qxPn3ASJ2Mp2Gk4hSy\nh+iTfcRaRNFbgcoGrzi4avmGBVIfQlGCHcMOuCoIUS+0MlmA++18AjZZuAxk\ntFvvO8OVhoCxIMJSlnzJ7j3c1SSkbDk8gIl0O/YVQuD0XiQcJMPx2ze18ZJI\nduFyURRmes8q+mWsjVTgzTV485LIi4eBQsm9p1MrosOXizvI1EAXCww+7val\npWHsCbO6vGUwV9PDKD3dHzeaVVMFSjRgbVyrqH+BEVFOmVHe6qpw5bV12gHi\nUrYI\r\n=MgQo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCGoKc1179QQoY/Ebbbnawk+px9s+1B0o0wUWHkP6uyqgIgDlWEhy76g7IgyYnjF9NrZq5GCtw9MX3f6j4NKSNRxtU="}]},"maintainers":[{"name":"allroundexperts","email":"allroundexperts@gmail.com"}],"_npmUser":{"name":"allroundexperts","email":"allroundexperts@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rn-swiper_1.0.0_1550344834421_0.6398244824187969"},"_hasShrinkwrap":false},"1.0.1":{"name":"@allroundexperts/rn-swiper","version":"1.0.1","description":"An easy to use react native wrapper component that makes the child components swipeable in four directions.","main":"Swiper.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":["react-native","iOS","Android","Swiper","Animated-swiper","swiping"],"author":{"name":"Sibtain Ali"},"license":"MIT","dependencies":{"prop-types":"^15.7.2","react":"^16.8.2","react-native":"^0.58.4"},"gitHead":"7261098a00482fe733fda18ab24c8bfe65ae4672","_id":"@allroundexperts/rn-swiper@1.0.1","_nodeVersion":"11.0.0","_npmVersion":"6.8.0","dist":{"integrity":"sha512-YfRPV0w76bIQEHTJiUyCRcb0kpgdn+Hpm238KW9vVZoV3MvTtew3KgwGz5EX9hbT6jgnw/0S/Q3AtH5/uNS6gw==","shasum":"e9f7e07eee930283052593e2e010fc2c9877ebd3","tarball":"https://registry.npmjs.org/@allroundexperts/rn-swiper/-/rn-swiper-1.0.1.tgz","fileCount":3,"unpackedSize":6711,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcaSzACRA9TVsSAnZWagAA4lsP/2YQ0VqT/TRBOU9LxSM1\n8iSFUOz7nCm7Qq68wpbDIa0K5pzQtgypPlctUkqT/5a1/zmuZ1iXUd+pkyZv\nuiWksi0Ct+My+EHnooFGJdRBiHefPmpsYWBypCv7DlJqLdasBP3cKp8kB+QC\n8lYpmi3nAPrBqH6d4rH1Ieb5bwK3gvTVPqwClhGXFcsiKpmhm1ZSo0Dph/QR\nNp4uJMI2p6qXoej3rzW9AfU1WyMJ2NlgIyIhm71stQQWBWLJ1IYiS/5o5ijN\ntDL5m7I+ypsReNMXzvFHN6C4DNSjGxZ3BJVNfeZaPxbWXCaeM5XGz+mq/5w2\nEIqTLSu9d8M5hFpuLB8e4Ek1t71iUMiZyl4j/4bwOoZj/65AwN9yb60skHdc\nGpBp8idxvEuSAa4mpVRkAi7eU5nLCof12oVMBffKu125yLYiEne3VfUtJVgM\n0YYJy8Hec6zmUrxqnu0Nx5hTYPD1R0Cw0xj+bNaXZyo//dKDyylwoAETRsn3\n4NOLiKdHT2IayNEQzoDpsCadiOwkSbqJY6POfxeTfrFmCJVbtHOckYid7jKc\njZMHUflwOCNokx/6N3JANxhThfXfouI9BMiEXt1uSpbzWz5oHfKNiZOXlAwP\nKyM7paBsFnuKy99LSBwHeCxpmjmD2W7dZ3p8TdZztHEok5oFHBByIU7MNV/Q\n+yny\r\n=VF9Q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDU//XPJchGKxH43SopSRoe+bKMoeGuj6RXTUkuCzhnQAiAhx67BBab1lf3w+8ntI1dpO6jtFo3w7Ye7TxOQ4CAoUQ=="}]},"maintainers":[{"name":"allroundexperts","email":"allroundexperts@gmail.com"}],"_npmUser":{"name":"allroundexperts","email":"allroundexperts@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rn-swiper_1.0.1_1550396607405_0.5847584299513273"},"_hasShrinkwrap":false}},"time":{"created":"2019-02-16T19:20:34.233Z","1.0.0":"2019-02-16T19:20:34.569Z","modified":"2022-04-04T13:34:33.017Z","1.0.1":"2019-02-17T09:43:27.710Z"},"maintainers":[{"name":"allroundexperts","email":"allroundexperts@gmail.com"}],"description":"An easy to use react native wrapper component that makes the child components swipeable in four directions.","keywords":["react-native","iOS","Android","Swiper","Animated-swiper","swiping"],"author":{"name":"Sibtain Ali"},"license":"MIT","readme":"# rn-swiper\n\nrn-swiper is a react native component which makes swipe gestures extremely easy to use.\n\nIt supports multi-directional swiping.\n\nThis component tries to solve the problem of vertical swiping inside scroll views for both iOS and Android. It prevents the scrolling of the parent scroll view while swiping vertically.\n\n## Installation\n\nUsing npm:\n\n```bash\nnpm install --save @allroundexperts/rn-swiper\n```\n## Props\n\n| Prop | Description |\n| ---- | --------------------- |\n| enableParentScroll | Optional. Required when using vertical swiping inside scrollview. This accepts a function that is called when swipe action is finished so that scroll can be released. |\n| onSwipeLeft | Optional. Function to invoke when component is swiped to left. |\n| onSwipeRight | Optional. Function to invoke when component is swiped to right. |\n| onSwipeUp | Optional. Function to invoke when component is swiped to top. |\n| onSwipeBottom | Optional. Function to invoke when component is swiped to bottom. |\n\n## Usage\n\n```node\nimport react, { component } from 'react';\nimport { View, ScrollView } from 'react-native';\nimport Swiper from 'rn-swiper';\n\nclass Example extends Component{\n    constructor(props){\n        super(props);\n        this.state = { scroll: false };\n    }\n\n    onSwipeRight = () => {\n        console.log('Component was swiped right');\n    }\n\n    onSwipeLeft = () => {\n        console.log('Component was swiped left');\n    }\n\n    onSwipeUp = () => {\n        console.log('Component was swiped up');\n    }\n\n    onSwipeDown = () => {\n        console.log('Component was swiped down');\n    }\n\n    setScroll = (state) => {\n        this.setState({scroll: state});\n    }\n\n    render(){\n        const { scroll } = this.state;\n        <ScrollView scrollEnabled={scroll}>\n            <Swiper \n                onSwipeRight={this.onSwipeRight}\n                onSwipeLeft={this.onSwipeLeft}\n                onSwipeUp={this.onSwipeUp}\n                onSwipeDown={this.onSwipeDown}\n                enableParentScroll={this.setScroll}\n            >\n                <View>\n                    {\n                        //Some code here\n                    }\n                </View>\n            </Swiper>\n        </ScrollView>\n    }\n}\n```\n\n## Contributing\nPull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.\n\n## License\n[MIT](https://choosealicense.com/licenses/mit/)\n","readmeFilename":"README.md"}