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:

Hooks vs. Signals: The great reactivity convergence explained

React Hooks and SolidJS Signals solve reactivity differently. Learn how each manages state and updates, and when to choose one approach over the other.

Isaac Okoro
Oct 10, 2025 ⋅ 4 min read

Exploring the new Chakra UI MCP Server

Discover how the Chakra UI MCP server integrates AI into your editor, reducing context switching and accelerating development by fetching real-time documentation, component data, and code insights directly in-app.

Emmanuel John
Oct 9, 2025 ⋅ 6 min read
Build AI Agent Without Langchain JS

LangChain.js is overrated; Build your AI agent with a simple fetch call

Skip the LangChain.js overhead: How to build a Retrieval-Augmented Generation (RAG) AI agent from scratch using just the native `fetch()` API.

Ikeh Akinyemi
Oct 9, 2025 ⋅ 3 min read
the replay october 8

The Replay (10/8/25): Data enrichment, CSS is back, TypeScript 5.9

Discover what’s new in The Replay, LogRocket’s newsletter for dev and engineering leaders, in the October 8th issue.

Matt MacCormack
Oct 8, 2025 ⋅ 30 sec 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