New Ion: Tinder Swipe Cards


#1

Hey everyone,

In case you missed it, we released a new “ion” (which is our terminology for add on widgets for Ionic) that lets you add the unique swipe left/right UI from the Tinder app: https://github.com/driftyco/ionic-contrib-tinder-cards

Check it out and let us know what you think. To install from bower run:

bower install ionic-contrib-tinder-cards

And check out the live demo: http://codepen.io/ionic/pen/nxEdH

Hope you enjoy it!


#2

#3

#4

#5

#6

It is great widget and I started using it. Thank you very much for this.

I wanted to add a heart/cross button so that I can trigger the “swipe” action manually. However, I could not find a way to trigger the swipping (left and right) programatically from both controller. Can you help me to figure out this.


#7

Hi @max, I am facing the same issue @iqlas has mentioned, with http://ionicframework.com/demos/swipe-cards/, we do have the triggering of Card Pop event, I tried to use

/**
         * Swipe a card out programtically
         */
        swipe: function() {
            this.transitionOut();
        },

But as it’s not passing the gesture event as param in this.transitionOut() , this function is throwing error.


#8

I could n’t make it work…then I started using tinder style card and it look much better in terms of usability.


#9

I am also facing the issue @iqlas has and will love an example solution of how to programmactially trigger the swiping gesture. Thanks!