{"id":19346273,"url":"https://github.com/pacifio/animated-swipe","last_synced_at":"2025-04-23T04:36:48.231Z","repository":{"id":57180221,"uuid":"186625757","full_name":"pacifio/animated-swipe","owner":"pacifio","description":"A react component for tinder like animated swiping","archived":false,"fork":false,"pushed_at":"2019-05-14T13:38:25.000Z","size":5112,"stargazers_count":13,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-14T04:08:29.889Z","etag":null,"topics":["react","react-library","react-native","react-native-animation","react-native-library","tinder-swiper"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pacifio.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":"2019-05-14T13:14:53.000Z","updated_at":"2024-07-03T01:41:37.000Z","dependencies_parsed_at":"2022-09-14T03:30:56.014Z","dependency_job_id":null,"html_url":"https://github.com/pacifio/animated-swipe","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pacifio%2Fanimated-swipe","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pacifio%2Fanimated-swipe/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pacifio%2Fanimated-swipe/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pacifio%2Fanimated-swipe/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pacifio","download_url":"https://codeload.github.com/pacifio/animated-swipe/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250372529,"owners_count":21419719,"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":["react","react-library","react-native","react-native-animation","react-native-library","tinder-swiper"],"created_at":"2024-11-10T04:09:30.021Z","updated_at":"2025-04-23T04:36:47.918Z","avatar_url":"https://github.com/pacifio.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Animated swipe\n\nA react component for creating a tinder like swiping view . Created using the raw \u003ccode\u003eAnimated, PanResponder\u003c/code\u003e module . It has been tested accros different devices .\n\n# Example\n\nPlease take a look at this [video](https://d3a1eqpdtt5fg4.cloudfront.net/items/1Y0q100U133W2q0d2i0A/example.mov) for an example\n\n## Table of contents\n\n- [Installation](#installation)\n- [Usage](#usage)\n- [Props](#props)\n\n# Installation\n\n```bash\nnpm install --save animated-swipe\nOR\nyarn add animated-swipe\n```\n\n# Usage\n\n```javascript\nimport React from \"react\";\nimport { View, Text, Image } from \"react-native\";\nimport Swipe from \"animated-swipe\";\n\nconst Card = props =\u003e {\n  return (\n    \u003cView\u003e\n      \u003cText\u003e{props.title}\u003c/Text\u003e\n      \u003cImage source={{ uri: props.image }} /\u003e\n    \u003c/View\u003e\n  );\n};\n\nconst data = [\n  {\n    id: \"212dw3232dqs32\",\n    title: \"title 1\",\n    image: \"image1.jpg\"\n  },\n  {\n    id: \"43sd3324fdsf34\",\n    title: \"title 2\",\n    image: \"image2.jpg\"\n  },\n  {\n    id: \"1298avsdfdf193\",\n    title: \"title 1\",\n    image: \"image3.jpg\"\n  }\n];\n\nclass App extends React.Component {\n  render() {\n    return (\n      \u003cView\u003e\n        \u003cSwipe\n          data={data}\n          renderItem={item =\u003e {\n            return \u003cCard key={item.id} title={item.title} image={item.image} /\u003e;\n          }}\n        /\u003e\n      \u003c/View\u003e\n    );\n  }\n}\n\nexport default App;\n```\n\n# Props\n\n| Props        |            Type            | isRequired |                         Description                          |\n| ------------ | :------------------------: | :--------: | :----------------------------------------------------------: |\n| data         |           array            |    true    |                An array of data for iteration                |\n| onSwipeRight |          function          |   false    |             Called when the item is swiped right             |\n| onSwipeLeft  |          function          |   false    |             Called when the item is swiped left              |\n| renderOnEnd  | function / react component |   false    |               Render jsx when data array ends                |\n| renderItem   | function / react component |    true    | Render jsx per array item , the item is passed via parameter |\n| onEnd        |          function          |   false    |                 Called when data array ends                  |\n\n\u003e Created by Adib Mohsin\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpacifio%2Fanimated-swipe","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpacifio%2Fanimated-swipe","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpacifio%2Fanimated-swipe/lists"}