Streamline navigation in a way that it also supports large screens. The navigation between mobile and web desktop is considerably different. While on mobile, the MainPage is the root, and every new route will be pushed on top of that page. So, when visiting the profile or the statistics, this will be pushed as a new route on top of the MainPage.
On desktop, everything is on one screen, and one navigation is used to show all the different pages. Therefore, a ShellRoute is used for this. This makes the navigation logic slightly more complicated, as there needs to be a differentiation between web and mobile navigation.
Overview
Streamline navigation in a way that it also supports large screens. The navigation between mobile and web desktop is considerably different. While on mobile, the
MainPage
is the root, and every new route will be pushed on top of that page. So, when visiting the profile or the statistics, this will be pushed as a new route on top of theMainPage
.On desktop, everything is on one screen, and one navigation is used to show all the different pages. Therefore, a
ShellRoute
is used for this. This makes the navigation logic slightly more complicated, as there needs to be a differentiation between web and mobile navigation.Screenshots