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
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
API Reference
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 |
Action | Parameter | Description |
---|
SwipedLeft | Selected Item | Triggered, when card got swiped to the left |
SwipedRight | Selected Item | Triggered, when card got swiped to the right |
StartedDragging | Selected Item | Triggered, when card got dragged |
FinishedDragging | Selected Item | Triggered, when dragging finished |