Tinder-like swipe control for Xamarin.Forms
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.

README.md

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

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