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 |