littlewhitesyp / swipecards

Tinder-like swipe control for Xamarin.Forms

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 and all platform projects

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

Take a look a the Demo Project in this repository for a full sample.

API Reference

Method	Description
Reset()	Resets the whole card stack

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

Event	Arguments	Description
Swiped	Swiped Item, Swipe direction	Triggered, when card got swiped to the left or right
StartedDragging	Dragged Item	Triggered, when card got dragged
FinishedDragging	Dragged Item	Triggered, when dragging finished