{"_id":"@codebet/react-native-draggable","_rev":"9-39581b01bf02a3ff20c6d69eb139265b","name":"@codebet/react-native-draggable","dist-tags":{"latest":"1.0.15"},"versions":{"1.0.14":{"name":"@codebet/react-native-draggable","version":"1.0.14","keywords":["react-native","draggable","drag","drop"],"author":{"name":"tongyy"},"license":"MIT","_id":"@codebet/react-native-draggable@1.0.14","maintainers":[{"name":"kimastrom","email":"kim.astrom@gmail.com"},{"name":"kaffemakarn","email":"oliwer.smedjevik@gmail.com"},{"name":"mtnptrsn","email":"mtnptrsn@gmail.com"},{"name":"lokecarlsson","email":"carlssonloke@gmail.com"}],"homepage":"https://github.com/tongyy/react-native-draggable#readme","bugs":{"url":"https://github.com/tongyy/react-native-draggable/issues"},"dist":{"shasum":"33e9865ace6672398331720aa3594afd03102c43","tarball":"https://registry.npmjs.org/@codebet/react-native-draggable/-/react-native-draggable-1.0.14.tgz","fileCount":12,"integrity":"sha512-58DX3U3E603exMZA05IzmemszpFSiNAf89wa/XmS9qp7frldNT5Jik3nTp/JpLg+XCpRwRM+Ohp4S6kfKUyYnA==","signatures":[{"sig":"MEUCIBNXZa26AafmI5YBCjEPe5eAOc0Xb43VRry7PgPtsA1tAiEAkv55hgZKdpbXVCiW+/sFYTRNMM0gvNPAS/hH1uZzTVo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":424379,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcReAdCRA9TVsSAnZWagAApigQAIIWx8nk3xmU93wyAaNm\nU6xFs/OlPAb1uYufMynDnKiyMqpQPXWLfzJmtCxr5vIPRbuYKPNpBfy/0pub\n13xOI8o6Qw8F7mrh7hLpS0EWK6sJWQR/Epd8pzZf8kCy5qyvcggzWiZ2PoEw\n4hiHbXEsT2347pgTVWH9xxd9ldaqGegKrgMZ7h98MUg1T6uJOfrW2r96kxsB\nafDTQmXzzJ/9/vVKpAPXso0eSktJ1HaSeRoyOeF14yOyMiFazgoAbS2XsGtB\n7VLa1/p8iw9jSWr6ECjiRTbelv3qnBPTubM3XJG5aQ/FvHsObsXPjtznv2r1\nVeel/KCvF0kFqrLK63kEwUGw8FODT4OY8y0sng3MFLgV/CGVBmjgoFr1KuNV\nAHmFNNCoEJAK6k4y84OOVLr1++vL+EPsKR8zHi0/ExoaWmsdQ8LVx45ry+Fq\nTlRweak9vSpDEGnjaIWj2lJzOL9sQn4RRJ/fcGuqDtvcKmVZu7bl2IcqbZGR\ncjC7d0UxQcS+Lj5SMVhdm8JVr3vqcWeBaFtFEIEDVmyyVemf1g08xoDjWQOq\ndyigg78fqx5Sl3cWrAGEs/ptYQ5anR2HHOCWcW9oT9jc1D2hqBCN+rDWW4Nf\ntuL0b5fT4SbPZzYwF6xh9SrGbtX6zyPOTTeYhK2E/SAKeXPTPRdDyfwu26kV\nk4rb\r\n=GD0A\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"react-native","modulePathIgnorePatterns":["<rootDir>/example/"]},"main":"index.js","gitHead":"fb8f7cc4e64aea768a2238b858d3975d637900f4","scripts":{"lint":"eslint Draggable.js","test":"jest"},"_npmUser":{"name":"lokecarlsson","email":"carlssonloke@gmail.com"},"repository":{"url":"git+https://github.com/tongyy/react-native-draggable.git","type":"git"},"_npmVersion":"5.6.0","description":"draggable","directories":{},"_nodeVersion":"8.11.2","dependencies":{"prop-types":"^15.6.0"},"_hasShrinkwrap":false,"devDependencies":{"jest":"20.0.0","react":"16.0.0-alpha.6","babel-jest":"20.0.0","react-native":"0.44.0","react-test-renderer":"16.0.0-alpha.6","babel-preset-react-native":"1.9.1"},"_npmOperationalInternal":{"tmp":"tmp/react-native-draggable_1.0.14_1548083229199_0.1454899031475967","host":"s3://npm-registry-packages"}},"1.0.15":{"name":"@codebet/react-native-draggable","version":"1.0.15","keywords":["react-native","draggable","drag","drop"],"author":{"name":"tongyy"},"license":"MIT","_id":"@codebet/react-native-draggable@1.0.15","maintainers":[{"name":"kaffemakarn","email":"oliwer.smedjevik@gmail.com"},{"name":"kimastrom","email":"kim.astrom@gmail.com"},{"name":"lokecarlsson","email":"carlssonloke@gmail.com"},{"name":"mtnptrsn","email":"mtnptrsn@gmail.com"}],"homepage":"https://github.com/tongyy/react-native-draggable#readme","bugs":{"url":"https://github.com/tongyy/react-native-draggable/issues"},"dist":{"shasum":"78c8661b33c98f1244b76c5c055dddf009e6d9ec","tarball":"https://registry.npmjs.org/@codebet/react-native-draggable/-/react-native-draggable-1.0.15.tgz","fileCount":13,"integrity":"sha512-I94f9fQytX1d5Ay7LbVpm0MSuZEGDyyYnYS2R0IoxlZ1xKGExrY61YIrZQJRBCIXY+4ViIbtaL0lcF/SDM5u7w==","signatures":[{"sig":"MEUCIBxfL6K4vNNriXeO74eqnqqX64XqJa2QvVm7xnvPPBIMAiEAmw+v1d+/HnQKkxUZjAptM9mEYFdDNaPeidw+Hnup4dM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":571319,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcReBNCRA9TVsSAnZWagAAkkAP/AyfBFFegHwiJz+BCTgZ\ngovkniqHkiXW2jhMfUkxHx/s7GrqkBl7ftS38IFwibx/g82FoxaN8OwuLoCy\nHN26BOeghWDv3UuE4kV6yTMyOcA8FwsJC+1B2/TGro6FgtdADFTYQfVrYKlm\n/QiSaC2JWRCteIbOq/jm7DXRiMupZ6VLLJLUSl2aZF43XBIqQG2mI7bfEuiR\nAQNuzloDzvvT1jrmivPd1hvqOoXk0wiFhTFlGjHWH3QLRlhD4QET2gotjqIs\nLO9vfYBFFhYkGNEsbKCaO9Bq1692zV2vc6dswhS/s1tQ7w03i75FbzZ80pGA\nqp9lgCE3bnSrCdesRqGOtv8W5zG+yN3kMiZXO/bFV2hBqFtJfTbZER9yIk0U\ndT8vON2wbwyjqyUzwEtrVLzH2Neb8dWqKdCCNM3f5dX3S1AfmPcrrHSFj4St\nAzhSNpGfedtL7VRPIotNHssi/CbD8y7/ZorwWRe/QfOTSVdQRjSxJ3iI4NMq\nBTsfj4q+QczLD2n8UQz3LmGV4cMLHdAYfIyh5g1CuisFv7pIZICg7CtAesfa\n8++IrHn3aBWZwJQuqdvCGlB70EsCH0sVp3RLHvIgrpoF94u6goowrgAd65TV\n0hV0wlm2YPNZcsxI5NeYulWpiUbScUFFcGt8dYNj2u6dy6Y1u2MtZ4ciL1iV\nq6zV\r\n=X05u\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"react-native","modulePathIgnorePatterns":["<rootDir>/example/"]},"main":"index.js","gitHead":"fb8f7cc4e64aea768a2238b858d3975d637900f4","scripts":{"lint":"eslint Draggable.js","test":"jest"},"_npmUser":{"name":"lokecarlsson","email":"carlssonloke@gmail.com"},"repository":{"url":"git+https://github.com/tongyy/react-native-draggable.git","type":"git"},"_npmVersion":"5.6.0","description":"draggable","directories":{},"_nodeVersion":"8.11.2","dependencies":{"prop-types":"^15.6.0"},"_hasShrinkwrap":false,"devDependencies":{"jest":"20.0.0","react":"16.0.0-alpha.6","babel-jest":"20.0.0","react-native":"0.44.0","react-test-renderer":"16.0.0-alpha.6","babel-preset-react-native":"1.9.1"},"_npmOperationalInternal":{"tmp":"tmp/react-native-draggable_1.0.15_1548083276732_0.6683184047880351","host":"s3://npm-registry-packages"}}},"time":{"created":"2019-01-21T15:07:08.987Z","modified":"2026-01-29T09:49:11.782Z","1.0.14":"2019-01-21T15:07:09.354Z","1.0.15":"2019-01-21T15:07:56.895Z"},"bugs":{"url":"https://github.com/tongyy/react-native-draggable/issues"},"author":{"name":"tongyy"},"license":"MIT","homepage":"https://github.com/tongyy/react-native-draggable#readme","keywords":["react-native","draggable","drag","drop"],"repository":{"url":"git+https://github.com/tongyy/react-native-draggable.git","type":"git"},"description":"draggable","maintainers":[{"email":"kim.astrom@gmail.com","name":"kimastrom"},{"email":"sebastian@togethergaming.com","name":"sebost"}],"readme":"# react-native-draggable\n\n\n\nDraggable item for react-native!\n\n\nHow to use\n\n```\nreturn (\n    <View >\n        <Draggable renderSize={56} renderColor='black' offsetX={-100} offsetY={-200} pressDrag={()=>alert('touched!!')} tolerance={5} />\n            <ChildCompoent />\n        <Draggable/>\n    </View>\n);\n```\n[Demo](https://github.com/tongyy/react-native-draggable/blob/master/demo/demo.gif)\n\n[![N|Solid](https://raw.githubusercontent.com/tongyy/react-native-draggable/master/demo/demo.gif)](https://raw.githubusercontent.com/tongyy/react-native-draggable/master/demo/demo.gif)\nin my project => <img src=\"https://raw.githubusercontent.com/tongyy/react-native-draggable/master/demo/demo2.png\" width=\"289\">\n\n```\nreturn (\n    <View style={{backgroundColor: 'blue', flex: 0.5}} >\n        <Draggable renderShape='image' imageSource={this.state.source} renderSize={80}\n            offsetX={0} offsetY={0}\n            pressDragRelease={this._changeFace}\n            longPressDrag={()=>console.log('long press')}\n            pressDrag={()=>console.log('press drag')}\n            pressInDrag={()=>console.log('in press')}\n            pressOutDrag={()=>console.log('out press')}\n        />\n    </View>\n);\n\n```\n[Event Demo](https://github.com/tongyy/react-native-draggable/blob/master/demo/demo3.gif)\n\n![DEMO2](https://raw.githubusercontent.com/tongyy/react-native-draggable/master/demo/demo3.gif)\n\n\n# Props spec & Example\n## Properties\n| Prop | Type | Example | Default | Description |\n| :------------ |:---------------:|:---------------:|:---------------:|:-----|\n| tolerance | number | {25} | {0} | Distance component can move and also trigger click |\n| offsetX | number |{0}| {100} | offsetX with center |\n| offsetY | number |{100}| {100} | offsetY with center |\n| x | number |{0}| --- | position x |\n| y | number |{0}| --- | position y |\n| z | number |{0}| --- | position z |\n| reverse | bool | {true} | {true} | reverse flag |\n\n## Events\n| Event | Type | Description |\n| :------------ |:---------------:|:-----|\n| pressDrag | func | onPress event |\n| pressDragRelease | func | release drag event |\n| longPressDrag | func | long press event |\n| pressInDrag | func | in press event |\n| pressOutDrag | func | out press event |\n\n## Methods\n| Method | params | Description |\n| :------------ |:---------------:|:-----|\n| reversePosition | --- | manually reset Draggable to start position |\n\n# What's next?\n\nThis Draggable is used to be a Draggable Button in my project.\nLet me know if you have any idea or demand, let's discuss and develop it.\n    \n\n\n","readmeFilename":"README.md"}