robinmanuelthiel / swipecards Goto Github PK
View Code? Open in Web Editor NEWTinder-like swipe control for Xamarin.Forms
License: MIT License
Tinder-like swipe control for Xamarin.Forms
License: MIT License
Hi Robin,
thanks for this cool plugin! I try to use a list of Views instead of just strings as I want to design my cards individually per card. Unfortunately I don't get it to work. Would it be possible to use a list of Views? How could I do that?
Many thanks in advance!
Hi,
I have added your plugin in my project. I can see cards and can swipe them but nothing is visible on cards. For example no label or any extra information is visible... any idea?
On Android's TabbedPage, users can use swipe gestures to navigate between the tabs by default. This seems to collide with the card's swipe gestures.
Live Player 1.3.117(617)
VS2017 Entreprise preview
Xamarin.Forms 2.5.0.121934 shared project
MainPage.xaml (elcome to Xamarin.Forms!)
Running the Live Player works (LP loads the ManPage.Xaml)
..but NOT the Live Run Current View (LP looses connetion and try to reconnect, fail)
I mean this is the Hello world page, and even that wont work.
I need to show Like when the user will swipe the card to the right side(like tinder).
For this i have used the Dragged event.But i can't find any direction in this event?
What is the solution here??
I have installed the NuGet package and added the CardStackView to the default Xamarin.Forms App template under ItemsPage.xaml
with the following piece of XAML
<swipecards:CardStackView
x:Name="CardStackView"
ItemsSource="{Binding Items}">
<swipecards:CardStackView.ItemTemplate>
<DataTemplate>
<StackLayout Padding="10">
<Label Text="{Binding Text}" LineBreakMode="NoWrap" Style="{DynamicResource ListItemTextStyle}" FontSize="16" />
<Label Text="{Binding Description}" LineBreakMode="NoWrap" Style="{DynamicResource ListItemDetailTextStyle}" FontSize="13" />
</StackLayout>
</DataTemplate>
</swipecards:CardStackView.ItemTemplate>
</swipecards:CardStackView>
When I run the app, however, I get an Ambiguous Match Exception in the generated code ItemsPage.xaml.g.cs
on the following line:
CardStackView = global::Xamarin.Forms.NameScopeExtensions.FindByName<global::SwipeCards.Controls.CardStackView>(this, "CardStackView");
I'm really unsure how to go about debugging this. Is it something I'm doing wrong? It seems, from the exception name, like the code is confused about which of two different objects it should be accessing...
When i build the demo on my android phone the card dont show on the screen. and when i click one of the swipe buttons an error message pops up. I cant read it. i hope you can help
Hello,
Thanks for your great component.
I have an issue when I have a single card.
I see cards only if I have 2 or more.
Marc
Adding either an image or a label works by itself. But I am trying to add both an image and a text label per card. But it doesn't work for whatever reason. Here is an example:
<swipecards:CardStackView
<swipecards:CardStackView
x:Name="CardStackView"
ItemsSource="{Binding Cards}"
BackgroundColor="Gray"
Margin="0,20,0,0"
Swiped="CardStackView_Swiped">
<!-- I am assuming an individual card string is represented by Binding -->
<swipecards:CardStackView.ItemTemplate>
<DataTemplate>
<Image x:Name="PhotoImage"
Source="{Binding PhotoURL}"
VerticalOptions="Center"
HorizontalOptions="Center"/>
</DataTemplate>
<DataTemplate>
<Label x:Name="NameLabel"
Text="{Binding Name}"
VerticalOptions="Center"
HorizontalOptions="Center" />
</DataTemplate>
</swipecards:CardStackView.ItemTemplate>
</swipecards:CardStackView>
And here is the error I get:
Position 29:18. Property ItemTemplate is null or is not IEnumerable
I am not a Xamarin Forms expert so perhaps I am missing something here. I would appreciate if you have any pointers for me or other examples I can reference.
Thanks
I added components such as buttons and images with tapevents, none of the components work or triggers the events.
I have placed a button inside the card.But the click event is not working.
what to do?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.