Skip to content

React Native: Tinder UI Clone - How to swipe in React Native

Notifications You must be signed in to change notification settings

Raigyo/react-native-swipe

Repository files navigation

React Native: Tinder UI Clone - How to swipe in React Native

February 2020

🔨 Swipe components with images swiping like in Tinder. Tutorial: 'Tinder UI Clone'.

React Native logo

About

In this application, we can swipe between images.

The cards are animated and follow the finger direction. If the card enter in some threshold and the finger is released, it's replaced by another card. Otherwise the card comes back to its initial position.

CaptureCapture

Techs covered

  • PanResponder, ScrollView, Animated components

How to use

  • Clone
  • expo start

Expo

With Expo, you can use real Smartphone (you will also need the app on your Smartphone), webview or smartphone emulator to see the application.

Ressources

About

React Native: Tinder UI Clone - How to swipe in React Native

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published