skills.rest
unoplatform
unoplatformOFFICIAL
Explore all skills by this author →
Website𝕏@unoplatformGitHub

uno-navigation-navigationview

Implement a NavigationView shell with region-based routing for Uno Platform apps.

9|1|Updated Dec 10, 2024
Search Tags:#templates#routing#navigation#shell#uno-platform#navigationview#region-navigation
One-click install
npx skills add https://github.com/unoplatform/studio --skill uno-navigation-navigationview
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: uno-navigation-navigationview
Source: https://github.com/unoplatform/studio/tree/main/plugins/uno-platform-studio/skills/uno-navigation-navigationview
Command: npx skills add https://github.com/unoplatform/studio --skill uno-navigation-navigationview

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Designers and developers need a scalable, maintainable shell with a consistent sidebar navigation pattern across 5+ pages. Uno Platform Studio projects often require region-based navigation that keeps routed views in sync and gracefully handles optional Settings.

Core Features & Use Cases

  • Reference templates for a left-hand NavigationView shell (with and without Settings) that wire up region-based routing using Uno Extensions.
  • Comprehensive guidance in references/shell-navigationview-template.md and related material to accelerate development of enterprise-grade apps.
  • Supports nested routing under a "Main" area and provides guidelines for route registration and Settings integration.

Quick Start

Create a new shell page using the provided NavigationView templates and substitute placeholders to match your app's pages.

Frequently Asked Questions about uno-navigation-navigationview

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

FAQPage Schema
How do I implement a sidebar NavigationView shell for an Uno Platform desktop app?▼

To implement a sidebar NavigationView shell for an Uno Platform desktop app, use provided reference templates that wire up region-based routing via Uno Extensions, supplying ready-to-use XAML variants for complex enterprise apps requiring 5+ pages.

What is region-based routing in Uno Platform and when is it needed?▼

Region-based routing in Uno Platform is a navigation mechanism keeping routed views in sync within specific UI areas, needed when designing scalable desktop or enterprise apps with complex nested routing under a Main area.

Can I include a Settings page in my Uno Platform NavigationView shell?▼

Yes, you can include a Settings page in your Uno Platform NavigationView shell; provided templates offer variants with and without Settings, including guidelines for route registration and Settings integration to ensure graceful handling.

How do I register routes for multiple pages in an Uno Platform shell?▼

To register routes for multiple pages in an Uno Platform shell, apply provided route registration patterns within the NavigationView templates, enforcing region-based navigation and keeping nested routed views synced across 5+ pages.

Is a region-based NavigationView suitable for small Uno Platform apps?▼

A region-based NavigationView is not ideal for small Uno Platform apps; these templates specifically target complex desktop or enterprise applications requiring a left sidebar with 5+ pages and optional Settings integration.

Related Skills

Explore More Software Engineering Skills→
VincentH-NetVincentH-Net
7

uno-hamburgermenu-databinding

Implement data-bound hierarchical navigation menus in Uno Platform apps.

Community
Advanced
vecearvecear

page-layout-builder

Generate React/TypeScript page layouts and routing shells for web apps.

Community
Advanced
mtmatteimtmattei
5

uno-navigation

Encode Uno Platform navigation patterns with ViewMaps, RouteMaps, and region-based routing.

Community
Advanced
unoplatformunoplatform
9

uno-navigation-regions

Implement region-based navigation in Uno Platform apps using Region.Attached, Region.Name, and Region.Navigator.

Official
Intermediate