React Native

Swiping is a very common gesture in mobile apps, that is accepted and loved by most of the mobile users. There are many apps like Instagram and Tinder which used this effect very successfully. Today, I would like to introduce you to 7 React Native swipe components. The components you can use to bring sweet swipe effects in your apps.

react-native-swiper

This is a very robust component for creating galleries and gives you nice features, like showing caption and the image’s pagination.

react-native-swiper first demo for React Native Swipe

 

react-native-swiper second demo for React Native Swipe

 

 

 

 

 

 

 

 

 

react-native-looped-carousel

With this component, you can create infinite carousel in your app.

react-native-looped-carousel demo for React Native Swipe

 

react-native-viewpager

This is another carousel component with the ability to make infinite loops. As they claim it has a very good performance with a high volume of pages count.

react-native-viewpager demo for React Native Swipe

 

react-native-tinder-swipe-cards

This one is for creating Tinder-style cards which raise events on user swipes. It can be very useful in apps where you want to have a stack of cards.

react-native-tinder-swipe-cards demo for React Native Swipe

 

react-native-swiper-animated

This card swipe component is very neat and has a bunch of features like different kind of navigation based on your needs and many more.

react-native-swiper-animated first demo for React Native Swipe react-native-swiper-animated second demo for React Native Swipe react-native-swiper-animated third demo for React Native Swipe
 

 

 

 

 

 

 

react-native-app-intro

This component has a different purpose in compare to the other ones. This one is for creating welcome for your apps in a really clean way.

react-native-app-intro first demo for React Native Swipe react-native-app-intro second demo for React Native Swipe

 

 

 

 

 

 

 

 

 

 

 

 

react-native-swiper-flatlist

If you are looking for a simple swipe component for creating a gallery, this is a simple implementation without a lot of extra features.

react-native-swiper-flatlist demo for React Native Swipe

 

Now, you have the¬†React Native swipe components you might need in your next apps, in case you want to have a beautiful swipe gallery or cards stack. You can do a lot of fun stuff with these components. And don’t forget that you have the chance to contribute and make them better.