Search code examples
c#xamlanimationxamarin.formstransition

Xamarin.Forms Page bottom to top animation

When I set the animation to true in the PushAsync method, the page transition happens is left to right but I would like to have a bottom to top transition how the settings page appears in the iOS Youtube app. Could anyone help me how to achieve this with Xamarin.Forms?

Solution

  • To present a page from bottom to top, you should modal pages:

    async void OnNextPageButtonClicked (object sender, EventArgs e)
{
  // Page appearance animated
  await Navigation.PushModalAsync (new DetailPage (), true);
}

async void OnDismissButtonClicked (object sender, EventArgs args)
{
  // Page appearance animated
  await Navigation.PopModalAsync (true);
}

    Navigation pages is different from it.

    You can read the document for more information.