Overlapping Xamarin Forms List Items

Question

I'm trying to hide list items a bit. Is this possible in the standard list?

Here is my xaml:

<StackLayout Padding="10, 10, 10, 10">
    <StackLayout>
        <ListView HasUnevenRows="True"            
                  SeparatorColor="Blue"
                  x:Name="cardsList">
        </ListView>

    </StackLayout>
</StackLayout>

and this is my code:

 var cards = new List<string> {"card 1","card 2","card 3","card 4" };


        // stacklayout.Children.Add(listView);

        cardsList.ItemsSource = cards;
        cardsList.RowHeight = 150;

the code is very minimal and this is just a proof of concept. This gives a standard list with some height, but not quite what they need. This is what I am trying to achieve:

I understand that I will not be able to get this for sure or perhaps close to it. But such an effect. It doesn't have to be a list, it can be a grid or even a nuget package that does this. Any ideas?

Answer 1

I think this one can help you in developing this user interface.