MAUI project, cannot navigate to a new page

Question

I've ran into a bug in MAUI and I just wanted to know if I'm the only one or if I'm doing something wrong in this new environment :)

Before I've always been able to do this when navigating to a new page via a button click:

private async void OnButtonClicked(object sender, EventArgs e)
       {
           await Navigation.PushAsync(new Page1());
       }

But it does not seem to work anymore, this is how my Page1 looks like in C# code:

    public partial class Page1 : ContentPage
    {
        public Page1()
        {
           InitializeComponent();
        }

        protected override async void OnAppearing()
        {
            base.OnAppearing();

            await MainThread.InvokeOnMainThreadAsync(async () => { await LoadRecipes(); });
        }

        private async Task LoadRecipes() 
        {

           //no code yet
        }
    }
}

When I run this code and click the button, nothing happens.

Did you use `NavigationPage` to wrap the `MainPage` ?Like new `Window(new NavigationPage(new MainPage()));` — Leo Zhu, Aug 18 '21 at 07:53

score 4 · Answer 1 · answered Dec 27 '21 at 10:41

4

You can navigate using this in a ButtonClick or TapGestureRecongnizer.

private void TapGestureRecognizer_Tapped_2(object sender, EventArgs e)
    {
        App.Current.MainPage = new NavigationPage(new Page1());

    }

Or in a Button.

 private void Button_Clicked(object sender, EventArgs e)
    {
        App.Current.MainPage = new NavigationPage(new Page1());
    }

answered Dec 27 '21 at 10:41

Bas H

2,114
10
14
23

1

This is better than nothing, but the issue i have using this is that you cannot go back to the previous Page using the back button on the navigation pane (on Android at least) – Juan Ignacio Avendaño Huergo Feb 20 '22 at 15:35

Juan Ignacio Avendaño Huergo · Answer 2 · 2022-03-14T16:05:00.673

Try this: First in your App.xaml.cs

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

Then in your MainPage you can do what you are attempiting to do:

private async void btnNav_Clicked(object sender, EventArgs e)
{
    await Navigation.PushAsync(new Page1());
}

This is supposed to work and to keep track of user's navigation, but in some weird scenarios im facing this is not working very well, but it's the solution that Microsoft documents on it's getting started guide. I would like to see more information in their Maui guide about navigation.

MAUI project, cannot navigate to a new page

2 Answers2