24 Jun How to make Tinder-like cards animated graphics with respond Native

Tinder enjoys absolutely altered ways individuals remember internet dating through their earliest swiping process. Tinder got among the first “swiping applications” that highly put a swiping movement for choosing the right match. Now we’ll build an identical remedy in respond Native.

Installations

The best way to reproduce this swiping apparatus is to use react-native-deck-swiper . It is an incredible npm bundle opens up lots of options. Let’s start by installing the mandatory dependencies:

Although the newest respond local variation (0.60.4, which we’re using inside guide) launched autolinking, two of those three dependencies still have to be linked manually due to the fact, during the time of authorship, their unique maintainers needn’t yet upgraded these to the modern type. Therefore we have to link all of them the antique way:

Additionally, respond local variation 0.60.0 and above uses CocoaPods automagically for iOS, thus one extra action is needed to need everything put in properly: