Can I prevent a user from navigating away if there are unsaved changes?

Yes, you can override the OnNavigating method in your AppShell class and call args.Cancel() to stop the navigation based on your application logic.

How do I pass complex objects during navigation in .NET MAUI?

Use ShellNavigationQueryParameters to pass a dictionary of objects directly to GoToAsync and receive them in the target page or ViewModel via the IQueryAttributable interface.

Why should I use ContentTemplate instead of Content in AppShell.xaml?

ContentTemplate enables lazy loading, ensuring pages are only instantiated when the user navigates to them. This prevents all pages from being created at startup, improving performance.

What is the difference between absolute and relative routes in Shell?

Absolute routes (starting with //) navigate to a specific point in the Shell hierarchy, while relative routes push a registered page onto the existing navigation stack.

.NET MAUI Shell Navigation

Name: .NET MAUI Shell Navigation
Author: davidortinau

bydavidortinau

•

Mobile Development

Implements and manages complex navigation structures for .NET MAUI applications using the Shell visual hierarchy and URI-based routing.

This skill provides specialized guidance for architecting and implementing navigation in .NET MAUI applications via the Shell component. It covers the complete visual hierarchy—from FlyoutItems and TabBars to ShellContent—while providing best practices for asynchronous URI navigation using GoToAsync, route registration, and passing complex data via query parameters. It helps developers avoid common pitfalls like duplicate routes and startup performance issues by enforcing lazy loading patterns, proper back-button behavior, and navigation event handling.

主な機能

01Asynchronous URI-based navigation using Shell.Current.GoToAsync with absolute and relative routing

02Customization of navigation lifecycle events and specialized back-button behaviors

03Four-level Shell visual hierarchy implementation including Flyout, TabBar, and Tab groups

0498 GitHub stars

05Complex data passing via QueryProperty attributes and the IQueryAttributable interface

06Manual and implicit route registration for hierarchical and detail-level pages

ユースケース

01Implementing type-safe internal navigation with complex object passing between ViewModels

02Architecting a multi-tab mobile application with a responsive sidebar flyout menu

03Intercepting navigation events to implement 'unsaved changes' warnings or custom back-button logic

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add davidortinau/maui-skills maui-shell-navigation

For use in Claude.ai and ChatGPT

主な機能

01Asynchronous URI-based navigation using Shell.Current.GoToAsync with absolute and relative routing

02Customization of navigation lifecycle events and specialized back-button behaviors

03Four-level Shell visual hierarchy implementation including Flyout, TabBar, and Tab groups

0498 GitHub stars

05Complex data passing via QueryProperty attributes and the IQueryAttributable interface

06Manual and implicit route registration for hierarchical and detail-level pages

ユースケース

01Implementing type-safe internal navigation with complex object passing between ViewModels

02Architecting a multi-tab mobile application with a responsive sidebar flyout menu

03Intercepting navigation events to implement 'unsaved changes' warnings or custom back-button logic