image
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.

About us

Milèstre is a digital development agency based in Maastricht and operating all over the world. Since 2003 we build software solutions together with established companies and great startups. During the years we have developed a process that enables us to transform ideas into meaningful, intelligent and designfull experiences for mobile and web. A process where strategy, design, development and user experience are playing an important rol.

 

Contact us

Milestre BV
Ambyerstraat Zuid 82
6225 AJ Maastricht
Netherlands

Tel: +31(0)43 - 4070780
Email: info@milestre.nl
Recent Posts

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.

© Copyright 2019 - Milestre BV
Top