Navigation help with .Net Maui app

Question

I am trying to figure out a way to navigate. Right now I have the main page as a shell page with some content, from here I launch Tabbed Page sections, there are several and each page contains 5-6 tab pages.

This does not work in Android as you can't launch a tabbedpage from a shell page. (Works fine in Windows)

How do I replicate this so it works with Android? I need a main content page, and from there I need to launch other tabbedpages that contain their own tabs.

I could use PushModalAsync() but I would like to keep the built-in back button and modal does not allow for that.

Can I set the main page as a tabbed page but have no tabs, just a content page? And then can I launch other tabbed pages from a tabbed page?

Accepted Answer

Hello,

TabbedPage is incompatible with .NET MAUI Shell apps, and an exception will be thrown if you attempt to use TabbedPage in a Shell app.

From TabbedPage document

Can I set the main page as a tabbed page but have no tabs, just a content page? And then can I launch other tabbed pages from a tabbed page?

Yes, you can set the MainPage to MainPage =new NavigationPage( new NewTabbedPage1()); in the app.xaml.cs. As note: NewTabbedPage1 is a Tabbedpage.

public partial class App : Application
{
     public App()
     {
         InitializeComponent();
 
         MainPage =new NavigationPage( new NewTabbedPage1());
     }
}

Then when you need to navigate to second Tabbedpage, you can use Navigation.PushAsync to do it, and it will keep the back icon.

  await Navigation.PushAsync(new MyTabbedpagePage());

Best Regards,

Leon Lu

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Share via

Navigation help with .Net Maui app

0 additional answers