Animation when transition

Eduardo Gomez 3,416 Reputation points
2021-09-01T15:33:27.667+00:00

Hello

I am using prisim for MVVM, but I need to navigate to these two pages with a flip animation

128338-tod.png

Truth is a new page and dare is another page

I currently have this in my xaml

 xmlns:transitions="clr-namespace:Plugin.SharedTransitions;assembly=Plugin.SharedTransitions"  
    Title="{x:Binding UserActivity.Activity.Topic.Name}"  
    transitions:SharedTransitionNavigationPage.BackgroundAnimation="Flip"  
    transitions:SharedTransitionNavigationPage.TransitionDuration="300"  
    x:DataType="activitytruthordare:ActivityTruthPageViewModel"  
    BackgroundColor="{x:StaticResource BackgroundColorThemeDark}">  
  
    <Grid Margin="40">  
  
        <Frame  
            Padding="0"  
            BorderColor="Yellow"  
            CornerRadius="30"  
            HorizontalOptions="FillAndExpand"  
            IsClippedToBounds="True"  
            VerticalOptions="FillAndExpand">  

on my VM I am doing this

      switch (res)  
                {  
                    case 0:  
                        await _navigationService.NavigateAsync(nameof(ActivityTruthPage), parameters, false, true);  
                        break;  
                    case 1:  
                        await NavigateWithParamatersAsync(  
                            "ActivityDarePage", AppConstants.Activity, UserActivity);  
                        break;  

and I already register mt page

    protected override void RegisterTypes(IContainerRegistry containerRegistry)  
       
            containerRegistry.RegisterForNavigation<SharedTransitionNavigationPage>();  

the app is working but it doesn't do the flip while transition

I am using this for the animation

https://github.com/GiampaoloGabba/Xamarin.Plugin.SharedTransitions

Xamarin
Xamarin
A Microsoft open-source app platform for building Android and iOS apps with .NET and C#.
5,312 questions
{count} votes