Awesome
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 |