Home

Awesome

Swipecards

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

NuGet

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.

Preview

API Reference

MethodDescription
Reset()Resets the whole card stack
PropertyDefaultDescription
CardMoveDistancenullHow far the card has to be dragged to trigger the swipe. Default is 30% of the control
CommandParameterDescription
SwipedLeftCommandSelected ItemTriggered, when card got swiped to the left
SwipedRightCommandSelected ItemTriggered, when card got swiped to the right
EventArgumentsDescription
SwipedSwiped Item, Swipe directionTriggered, when card got swiped to the left or right
StartedDraggingDragged ItemTriggered, when card got dragged
FinishedDraggingDragged ItemTriggered, when dragging finished