How to navigate between pages

[Ohior]

I am developing an app that requires multiple pages, and I need to navigate between them and sometimes pass data between them. Many of the example I have seen requires using XAML, and none of them is 100% markup and code base.

[TheCodeTraveler]

We have an example included in our sample app.

You'll use IQueryAttributable on the ViewModel into which you're passing data. And you'll pass in the data as a parameter in Shell.GoToAsync().

Maui.Markup/samples/CommunityToolkit.Maui.Markup.Sample/Pages/NewsPage.cs

Lines 91 to 104 in 7327292

	Task NavigateToNewsDetailPage(StoryModel storyModel) => dispatcher.DispatchAsync(() =>
	{
	var route = AppShell.GetRoute<NewsDetailPage, NewsDetailViewModel>();
	// Shell passes these parameters to NewsDetailViewModel.ApplyQueryAttributes
	var parameters = new Dictionary<string, object>
	{
	{ nameof(NewsDetailViewModel.Uri), storyModel.Url },
	{ nameof(NewsDetailViewModel.Title), storyModel.Title },
	{ nameof(NewsDetailViewModel.ScoreDescription), storyModel.Description}
	};
	return Shell.Current.GoToAsync(route, parameters);
	});

Maui.Markup/samples/CommunityToolkit.Maui.Markup.Sample/ViewModels/NewsDetailViewModel.cs

Lines 34 to 43 in 7327292

	void IQueryAttributable.ApplyQueryAttributes(IDictionary<string, object> query)
	{
	var url = (string)query[nameof(Uri)];
	var title = (string)query[nameof(Title)];
	var scoreDescription = (string)query[nameof(ScoreDescription)];
	Uri = new Uri(url);
	Title = title;
	ScoreDescription = scoreDescription;
	}