github.com/robinmanuelthiel/swipecards

Swipecards

A Tinder control for Xamarin.Forms that supports iOS, Android and UWP.

How to use

Add the NuGet package to the Xamarin.Forms project

PM> Install-Package Forms.Controls.SwipeCards

Add the XML namespace

xmlns:swipecards="clr-namespace:SwipeCards.Controls;assembly=SwipeCards.Controls"

Add the control

<swipecards:CardStackView
    x:Name="CardStackView"
    ItemsSource="{Binding Cards}">
    
    <swipecards:CardStackView.ItemTemplate>
        <DataTemplate>
            <Label Text="{Binding}" VerticalOptions="Center" HorizontalOptions="Center" />
        </DataTemplate>
    </swipecards:CardStackView.ItemTemplate>   
</swipecards:CardStackView>

Preview

API Reference

Property	Default	Description
CardMoveDistance	null	How far the card has to be dragged to trigger the swipe. Default is 30% of the control

Command	Parameter	Description
SwipedLeftCommand	Selected Item	Triggered, when card got swiped to the left
SwipedRightCommand	Selected Item	Triggered, when card got swiped to the right

Action	Parameter	Description
SwipedLeft	Selected Item	Triggered, when card got swiped to the left
SwipedRight	Selected Item	Triggered, when card got swiped to the right
StartedDragging	Selected Item	Triggered, when card got dragged
FinishedDragging	Selected Item	Triggered, when dragging finished