Milèstre BV
Feb 01, 2019

Xamarin Tabbed page: pop to root navigation page


A tabbed page could be defined like this in Xamarin Forms and behave as follows


And in presentation it would look like 

Tabbed page home

Navigating to a next page on this home page by clicking on for instance 'Start your hearing assessment' would show: 

Hearing assessment

Of course you can click on another tab icon in the tabbed page, for instance Settings:

Settings

But when you navigate back to the Home page you still see the Hearing test page:

Hearing assessment

What if you want to see the Home page instead? Override the OnCurrentPageChanged event of the TabbedPage as follows:


When you click on whatever icon in the tabbed page, it will always navigate back to the root navigation page.