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:

Stagehand and Gemini logos on a gradient background symbolizing AI web automation

How to build a web-based AI agent with Stagehand and Gemini

This guide walks you through creating a web UI for an AI agent that browses, clicks, and extracts info from websites powered by Stagehand and Gemini.

Elijah Asaolu
Jul 4, 2025 ⋅ 8 min read
Getting Started With Claude 4 API: A Developer's Walkthrough

Getting started with Claude 4 API: A developer’s walkthrough

This guide explores how to use Anthropic’s Claude 4 models, including Opus 4 and Sonnet 4, to build AI-powered applications.

Andrew Baisden
Jul 3, 2025 ⋅ 16 min read
ai dev tool power rankings

AI dev tool power rankings & comparison [July 2025 edition]

Which AI frontend dev tool reigns supreme in July 2025? Check out our power rankings and use our interactive comparison tool to find out.

Chizaram Ken
Jul 2, 2025 ⋅ 3 min read
how API client automation can save you hours in development

How API client automation can save you hours in development

Learn how OpenAPI can automate API client generation to save time, reduce bugs, and streamline how your frontend app talks to backend APIs.

Lewis Cianci
Jul 1, 2025 ⋅ 7 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