skills.rest
ojrojas
ojrojasCOMMUNITY
Explore all skills by this author →
GitHub

maui-shell-navigation

Implement Shell-based navigation in .NET MAUI apps with URI routing.

Updated May 28, 2026
Search Tags:#xaml#dotnet maui#app navigation#shell navigation#uri navigation
One-click install
npx skills add https://github.com/ojrojas/AgentsInstructions --skill maui-shell-navigation-ojrojas
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: maui-shell-navigation
Source: https://github.com/ojrojas/AgentsInstructions/tree/main/.claude/skills/dotnet-maui/skills/maui-shell-navigation
Command: npx skills add https://github.com/ojrojas/AgentsInstructions --skill maui-shell-navigation-ojrojas

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the challenge of setting up and managing Shell-based navigation in .NET MAUI applications, providing a comprehensive guide to implement and customize app navigation.

Core Features & Use Cases

  • Shell Setup: Detailed instructions for configuring AppShell, FlyoutItem, and TabBar.
  • Navigation: Guidance on using GoToAsync for URI-based navigation, route registration, and passing parameters.
  • Data Binding: Techniques for passing data between pages using IQueryAttributable and ShellNavigationQueryParameters.
  • Navigation Guards: Implementing confirmation dialogs for unsaved changes and custom back button behavior.
  • Use Case: If you need to create a multi-page .NET MAUI app with tabs and a flyout menu, this skill will help you set up the navigation structure and handle page transitions.

Quick Start

Use the maui-shell-navigation skill to set up a basic Shell navigation with tabs and a flyout menu in your .NET MAUI app.

Frequently Asked Questions about maui-shell-navigation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up Shell navigation in a .NET MAUI app with tabs and a flyout menu?▼

To set up Shell navigation in .NET MAUI, you configure the AppShell by defining FlyoutItem and TabBar elements in XAML, which establishes the top-level navigation structure for your application.

How does URI-based navigation work in .NET MAUI Shell?▼

URI-based navigation in .NET MAUI Shell works by registering routes for your pages and then calling the GoToAsync method with a specific URI to handle page transitions within the application hierarchy.

Can I customize the back button behavior in .NET MAUI Shell?▼

Yes, you can customize the back button behavior in .NET MAUI Shell by implementing navigation guards, allowing you to display confirmation dialogs for unsaved changes before navigating away from a page.

Do I need to know XAML to implement .NET MAUI Shell navigation?▼

Yes, familiarity with .NET MAUI and XAML is required, as configuring the AppShell, FlyoutItem, and TabBar components for top-level navigation heavily relies on XAML markup.

What is the best way to pass data between pages using .NET MAUI Shell navigation?▼

The best way to pass data between pages using .NET MAUI Shell navigation is to attach ShellNavigationQueryParameters to your GoToAsync call and process them via the IQueryAttributable interface.

Related Skills

Explore More Software Engineering Skills→
rudironsonirudironsoni

dotnet-maui-development

Guide .NET MAUI cross-platform app development with MVVM and Shell navigation.

Community
Intermediate
seydakaratekeliseydakaratekeli

maui-shell-navigation

Implement and debug .NET MAUI Shell navigation with route registration and URI-based navigation.

Community
Intermediate
danielnymbergdanielnymberg

syncfusion-verified

Resolve SyncFusion EJ2 React component misconfigurations with verified patterns.

Community
Advanced
1k-off1k-off
1

maui-shell-navigation

...

Community
Intermediate