How to use PushAsync and FlyoutMenu without replacing the FlyoutMenu with the back button

Question

I'm using MVVM, so I have an AppConstant where I call the FlyoutMenu depending on the user, but if I use PushAsync to make the navigation in android it doesn't work and I need to put an argument in the navigation and if I disable the button, it doesn't appear either the flyout. How could I make the FlyoutMenu appear and not the Back Button?

Example of my class AppConstant:

public async static Task AddFlyoutMenusDetails()
{

	AppShell.Current.FlyoutHeader = new FlyoutHeaderControl();
	var usuario = App.UserDetails;

	var encuestasPagina = AppShell.Current.Items.Where(f => f.Route == nameof(EncuestasPaginaPrincipal)).FirstOrDefault();
	if (encuestasPagina != null) AppShell.Current.Items.Remove(encuestasPagina);


	if (App.UserDetails.RolID == (int)RoleDetails.Entrevistador)
	{
		var user = new UsuarioInfo();
		var flyoutItem = new FlyoutItem()
		{
			Title = "Entrevistador",
			Route = nameof(EncuestasPaginaPrincipal),
			FlyoutDisplayOptions = FlyoutDisplayOptions.AsMultipleItems,
			Items =
			{
						new ShellContent
						{
							Icon = Iconos.Inicio,
							Title = "Inicio",
							ContentTemplate = new DataTemplate(typeof(EncuestasPaginaPrincipal)),
						}
		   }
		};

		if (!AppShell.Current.Items.Contains(flyoutItem))
		{
			AppShell.Current.Items.Add(flyoutItem);
			if (DeviceInfo.Platform == DevicePlatform.WinUI)
			{
				AppShell.Current.Dispatcher.Dispatch(async () =>
				{
				await Shell.Current.Navigation.PushAsync(new EncuestasPaginaPrincipal(usuario));
				});
			}
			else
			{
				await Shell.Current.GoToAsync($"//encuestas?usuario={usuario}");
			}
		}

	}
}

Answer 1

Hello,

Thanks for your feedback.

After investigation, the appearance of this condition follows the design.

In the MAUI shell's navigation structure, when you navigate with FlyoutItem, the program actually replaces the first page. But when you use PushAsync or GoToAsync, the program adds this page to the navigation stack.

When a new object exists in the navigation stack, the back button must appear.

Therefore, for this issue, it is more recommended that you publish this issue to the GitHub repository to make our developers aware of this need.

Best Regards,

Alec Liu.

---

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.