2019-09-02
1572
#react native
Paweł Karniej
5457
Sep 2, 2019 ⋅ 5 min read

How to make Tinder-like card animations with React Native

Paweł Karniej Self-made developer specializing in building React Native apps. Follow me on Instagram @selfmadedeveloper.

Recent posts:

typescript enums

TypeScript enums: Usage, advantages, and best practices

Learn how TypeScript enums work, the difference between numeric and string enums, and when to use enums vs. other alternatives.

Clara Ekekenta
Mar 14, 2025 ⋅ 7 min read
how to handle react-scripts in a fast-changing React landscape

How to handle react-scripts in a fast-changing React landscape

Review the basics of react-scripts, its functionality, status in the React ecosystem, and alternatives for modern React development.

Ibrahima Ndaw
Mar 13, 2025 ⋅ 9 min read
how to delete local and remote branches in Git

How to delete local and remote branches in Git

Explore the fundamental commands for deleting local and remote branches in Git, and discover more advanced branch management techniques.

Timonwa Akintokun
Mar 13, 2025 ⋅ 7 min read

The complete guide to the AbortController API

Check out a complete guide on how to use the AbortController and AbortSignal APIs in both your backend and frontend.

Joseph Mawa
Mar 12, 2025 ⋅ 9 min read
View all posts

3 Replies to "How to make Tinder-like card animations with React Native"

  1. The author of this library did not use react-native-gesture-handler. These are his imports:

    import React, { Component } from ‘react’
    import { PanResponder, Text, View, Dimensions, Animated } from ‘react-native’
    import PropTypes from ‘prop-types’
    import isEqual from ‘lodash/isEqual’
    import ViewOverflow from ‘react-native-view-overflow’

    1. Hello Andrew, yes you’re right, thank you for pointing this out. Sometimes I mistake PanResponder with react-native-gesture-handler, because the react-native-gesture-handler is now a go-to gesture handler while working with React Native and it was made to replace react-native PanResponder in the longer run.

  2. How do I make that if I click the one button to move left or right or to the top?
    And how do I make it that if I move a card down it will return to the default place?
    please help

Leave a Reply