Flip effect like Flipboard app in Xamarin forms ?

Question

Hi Team,

      We have plugin in react naive (react-native-flip-page) to achieve the flip effect like flip board mobile app. Do we have any plugin available to achieve this or tell me any way to achieve this effect

Please rply if anyone have any idea about thisy

Thanks

Answer 1

Xamanimation

Answer 2

@Alessandro Caliaro Thanks for your rply...

I have below code.Can you please help me on how to achieve flip effect. Whenver i flip from bottom to top each item should change.

<CarouselView ItemsSource="{Binding Places}" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
<CarouselView.ItemTemplate>
<DataTemplate>
<Grid>
<Grid x:Name="FrontView" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
<pv:PancakeView CornerRadius="20" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
<Grid HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
<Image Source="{Binding Image}" Aspect="AspectFill" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"/>
<pv:PancakeView HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
<pv:PancakeView.BackgroundGradientStops>
<pv:GradientStopCollection>
<pv:GradientStop Color="Black" Offset="0"/>
<pv:GradientStop Color="Transparent" Offset="1"/>
</pv:GradientStopCollection>
</pv:PancakeView.BackgroundGradientStops>
<StackLayout Margin="20,40" HorizontalOptions="Start" VerticalOptions="End">
<Label Text="{Binding Name}" FontSize="25" FontAttributes="Bold" TextColor="White"/>
<Label Text="{Binding Caption}" FontSize="12" TextColor="White"/>
<Button BackgroundColor="#0099FF" Text="EXPLORE" TextColor="White" FontSize="12"
WidthRequest="125" HeightRequest="35" CornerRadius="17" HorizontalOptions="Start"/>
</StackLayout>
</pv:PancakeView>
</Grid>
</pv:PancakeView>
</Grid>
</DataTemplate>
</CarouselView.ItemTemplate>
</CarouselView>