uno-navigation-xaml

Adds View-based navigation to Aurelia apps with routing and state preservation.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Declarative navigation in Uno Platform XAML using Navigation.Request and Navigation.Data attached properties eliminates the need for code-behind navigation logic, enabling clean, route-based transitions.

Core Features & Use Cases

  • Navigation.Request enables in-XAML route-based navigation on interactive controls like Button, ListView, and ItemsRepeater without code-behind.
  • Navigation.Data allows passing data with navigations to target pages, improving state handling across views.
  • Works with a simple Frame shell and shell templates to scaffold pages and routes, reducing boilerplate in Uno Platform apps.

Quick Start

Attach the uen:Navigation.Request attached property to a Button in XAML to navigate to a target page using a simple Frame shell.

Frequently Asked Questions about uno-navigation-xaml

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

FAQPage Schema
How do I handle Uno Platform XAML navigation without using code-behind?▼

You can handle XAML navigation in Uno Platform without code-behind by using the uen:Navigation.Request attached property on interactive controls like Button or ListView to drive route-based transitions within a Frame shell.

How does declarative navigation work in Uno Platform XAML?▼

Declarative navigation in Uno Platform works by attaching Navigation.Request to controls for route transitions and using Navigation.Data to pass bound data to target pages, eliminating manual navigation logic in code-behind.

Can I pass data between pages during XAML navigation in Uno Platform?▼

Yes, you can pass data between pages during XAML navigation in Uno Platform by using the Navigation.Data attached property to bind and transfer state directly to target pages without code-behind.

Does Uno Platform XAML navigation support interactive controls like ListView and ItemsRepeater?▼

Yes, Uno Platform XAML navigation supports interactive controls like ListView and ItemsRepeater. The Navigation.Request attached property applies to these controls to trigger route-based transitions from within a simple Frame shell.

What is the best way to manage the back-stack in Uno Platform XAML applications?▼

The best way to manage the back-stack in Uno Platform XAML applications is using declarative Navigation.Request attached properties within a simple Frame shell, which handles route registration and back-stack management without code-behind.

Do I need a specific shell template to use declarative navigation in Uno Platform?▼

Yes, you need a simple Frame shell and proper route registration in shell templates to use declarative navigation. The Navigation.Request and Navigation.Data attached properties rely on this shell structure to scaffold pages and routes.