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.