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:

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
Goodbye, messy data: An engineer’s guide to scalable data enrichment

Goodbye, messy data: An engineer’s guide to scalable data enrichment

Walk through building a data enrichment workflow that moves beyond simple lead gen to become a powerful internal tool for enterprises.

Alexandra Spalato
Oct 8, 2025 ⋅ 6 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