{"id":21174678,"url":"https://github.com/bakialmaci/react-native-swipe-drag-drop","last_synced_at":"2025-07-09T21:31:01.176Z","repository":{"id":38868207,"uuid":"277323568","full_name":"bakialmaci/React-Native-Swipe-Drag-Drop","owner":"bakialmaci","description":"React Native Swipe, Drag and Drop","archived":false,"fork":false,"pushed_at":"2023-01-06T10:41:03.000Z","size":1653,"stargazers_count":8,"open_issues_count":13,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-05T07:11:49.934Z","etag":null,"topics":["drag-and-drop","gesture","gesture-recognition","mobile-development","react-native","swipe","swipe-gestures","swiper-slider"],"latest_commit_sha":null,"homepage":"","language":"Java","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bakialmaci.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-07-05T14:56:29.000Z","updated_at":"2024-11-16T16:52:54.000Z","dependencies_parsed_at":"2022-08-20T08:30:49.139Z","dependency_job_id":null,"html_url":"https://github.com/bakialmaci/React-Native-Swipe-Drag-Drop","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/bakialmaci/React-Native-Swipe-Drag-Drop","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bakialmaci%2FReact-Native-Swipe-Drag-Drop","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bakialmaci%2FReact-Native-Swipe-Drag-Drop/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bakialmaci%2FReact-Native-Swipe-Drag-Drop/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bakialmaci%2FReact-Native-Swipe-Drag-Drop/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bakialmaci","download_url":"https://codeload.github.com/bakialmaci/React-Native-Swipe-Drag-Drop/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bakialmaci%2FReact-Native-Swipe-Drag-Drop/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264503949,"owners_count":23618762,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["drag-and-drop","gesture","gesture-recognition","mobile-development","react-native","swipe","swipe-gestures","swiper-slider"],"created_at":"2024-11-20T16:55:46.953Z","updated_at":"2025-07-09T21:31:00.854Z","avatar_url":"https://github.com/bakialmaci.png","language":"Java","funding_links":[],"categories":[],"sub_categories":[],"readme":"[Article Link](https://medium.com/@bakialmaci/react-native-swipe-drag-drop-kullan%C4%B1m%C4%B1-dc1454ff93b8)\n\n## Aim\nReact Native Community haven't published any official document or source to realize drag-drop-swipe touch gestures on a component. I've some experiences on the touch gestures usage on a component some projects so, I've tried to show this features on a simple react native application. I hope it'll help to you.\n\n![](https://media.giphy.com/media/Y3YG1j4dk7ErCVNPto/giphy.gif)\n\n## Installation\nLet's start to install required packages.\n```sh\nyarn install\n```\nThere are some lines we need to add on the Android side.. This step does not required for IOS..\nThe lines to be added are indicated with \"+\".\nThe path is , _**_android/app/src/main/java/MainActivity.java_**_\n\n```javascript\npackage com.gesturehandler;\n\nimport com.facebook.react.ReactActivity;\n\n+ import com.facebook.react.ReactActivityDelegate;\n+ import com.facebook.react.ReactRootView;\n+ import com.swmansion.gesturehandler.react.RNGestureHandlerEnabledRootView;\n\npublic class MainActivity extends ReactActivity {\n\n  /**\n   * Returns the name of the main component registered from JavaScript. This is used to schedule\n   * rendering of the component.\n   */\n  @Override\n  protected String getMainComponentName() {\n    return \"gestureHandler\";\n  }\n\n  + @Override\n  + protected ReactActivityDelegate createReactActivityDelegate() {\n  +   return new ReactActivityDelegate(this, getMainComponentName()) {\n  +     @Override\n  +     protected ReactRootView createRootView() {\n  +       return new RNGestureHandlerEnabledRootView(MainActivity.this);\n  +     }\n  +   };\n  + }\n  \n}\n```\nOur example app ready!\n\n\n```sh\nyarn run android\n```\nWe can run it with the above written command on an android emulator.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbakialmaci%2Freact-native-swipe-drag-drop","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbakialmaci%2Freact-native-swipe-drag-drop","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbakialmaci%2Freact-native-swipe-drag-drop/lists"}