Xamarin Forms Using page transitions

user_10673107 0
Viewed 1950

I have a problem. I created an app, that uses a wizzard to set some of your settings, so to do that, I created a navigation page. In that navigation page I created my own NavigationBar with a back and next arrow and these functions:

private void arrowBack_Clicked(object sender, EventArgs e)
{
    Navigation.PopAsync();
}

private void arrowNext_Clicked(object sender, EventArgs e)
{
    Navigation.PushAsync(new Devices(), true);
}

But now every page slides in from the bottom, but I want them to slide in from the right and for back I want them to slide in from the left. Now I already found a few projects to create this like this: https://github.com/jsuarezruiz/xamarin-forms-page-transitions, but I was wondering if there isn't something much simpler, because it looks to me like a very wanted feature!

Any suggestions how to make NavigationPage animations from the sides?

xamarin.forms xamarin xamarin.android xamarin.ios
1 Answers

The navigation that you are experiencing it is due to the fact that you are using PushModalAsync and PopModalAsync.

Using this your new page will come from the bottom of the screen.

If you change your code to use PushAsync and PopAsync instead (without the word Modal), you will get the navigation that you are looking for.

To get the sliding animation you should set the animation parameter to true, like this:

Navigation.PushAsync(page, true);
user_37656170
Related