Shell menu not render

Hi, I have an application that has a login page without a menu that, after the login logic takes the user to a page with the side menu.

So I have created the first page like this:

return new Shell() {
                new ContentPage()
                {
                    new VStack {
                        new Button("go to shell").VCenter().HCenter().OnTapped(goToSecond)
                    }
                }
            }.BackButtonIsVisible(false);

and the second page:

public override VisualNode Render()
            => new Shell
            {
            new FlyoutItem("Page1")
            {
                new ContentPage("Page1")
                {
                    new Label("PAGE 1").VCenter().HCenter().FontSize(50)
                }
            },
            new FlyoutItem("Page2")
            {
                new ContentPage("Page2")
                {
                    new Label("PAGE 2").VCenter().HCenter().FontSize(50)
                }
            }
            }
            .BackButtonIsVisible(false)
            .ItemTemplate(RenderItemTemplate);

        static VisualNode RenderItemTemplate(MauiControls.BaseShellItem item)
            => new Grid("68", "*")
            {
            new Label(item.Title)
                .VCenter()
                .Margin(10,0)
            };

If I set the first page as “main page”, then click on the button, the second page is open but without the shell side menu. If I set the second comage as “main page” the shell menu is rendered correctly.

How can I fix this?

Attached a sample.

Thank you MauiTest.zip

[adospace]

It’s an issue/feature of the shell control in MAUI. Pages are always cached (at least in current version) (https://github.com/dotnet/maui/issues/9300).

One solution could be handling the OnNavigated() event on the shell or the OnAppearing() event on child page and modify the page state accordly.

For example you could add .OnAppearing(()=> SetState(s => s.Title = 0)) on SecondPage

[adospace]

Well, it is more like a .NET MAUI issue, I mean, not an issue, probably more like which strategy to use to present a content page before a Shell. Surely there are more options but one could be using the Window, with a code like this (not tested):

public override VisualNode Render()
{
    return new Window
    {
        !State.LoggedIn ? 
        RenderLogin()
        :
        RenderShell()
    };
}

VisualNode RenderLogin()
{
      return new ContentPage()
      {
          new VStack {
              new Button("go to shell").VCenter().HCenter().OnClicked(()=>SetState(s => s.LoggedIn = true))
          }
      }
}

VisualNode RenderShell()
{
            return new Shell
            {
            new FlyoutItem("Page1")
            {
                new ContentPage("Page1")
                {
                    new Label("PAGE 1").VCenter().HCenter().FontSize(50)
                }
            },
            new FlyoutItem("Page2")
            {
                new ContentPage("Page2")
                {
                    new Label("PAGE 2").VCenter().HCenter().FontSize(50)
                }
            }
            }
            .BackButtonIsVisible(false)
            .ItemTemplate(RenderItemTemplate);
}

static VisualNode RenderItemTemplate(MauiControls.BaseShellItem item)
    => new Grid("68", "*")
    {
    new Label(item.Title)
        .VCenter()
        .Margin(10,0)
    };
}

Anyway I’ll take a look at your sample to see if there is anything wrong with MauiReactor/.NET MAUI