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

uno-navigation-tabbar

Generate region-based bottom TabBar navigation shells for Uno Platform apps.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Enables region-based bottom TabBar navigation in Uno Platform apps by providing complete, compilable shell templates and references that streamline mobile-first navigation for 3–5 top-level pages.

Core Features & Use Cases

  • Complete, compilable shell templates for bottom TabBar navigation in Uno Platform using region-based routing.
  • Reference templates and page shells (shell-tabbar-template.md, Route Registration, localization) to accelerate implementation.
  • Ideal for mobile-first applications requiring 3–5 top-level pages, consistent navigation chrome, and predictable routing behavior.

Quick Start

Create a bottom TabBar shell in a Uno Platform project and wire 3–5 content pages with region-based routing using the provided shell templates.

Frequently Asked Questions about uno-navigation-tabbar

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

FAQPage Schema
How do I implement bottom TabBar navigation in a Uno Platform app?▼

Bottom TabBar navigation in a Uno Platform app is implemented using region-based routing. This Skill generates a complete, compilable shell and page templates for 3-5 top-level mobile pages with automatic route registration.

What is region-based navigation in Uno Platform?▼

Region-based navigation in Uno Platform maps content pages to specific UI regions within a shell. This Skill provides shell templates that use a TabBar region to switch between 3-5 top-level mobile pages predictably.

Can I use shell templates to set up 3 to 5 top-level mobile pages with Uno Platform?▼

You can use the provided shell-tabbar-template.md to set up 3 to 5 top-level mobile pages in Uno Platform. The templates generate a compilable shell with route registration and consistent navigation chrome.

Does Uno Platform TabBar navigation require XAML shell templates?▼

Uno Platform TabBar navigation requires XAML shell templates to define the routing structure. This Skill uses references/shell-tabbar-template.md to apply substitution rules and generate the required route registration and page shells.

What's the best way to structure route registration for a mobile-first Uno Platform app?▼

The best way to structure route registration for a mobile-first Uno Platform app is through a compilable shell template. This Skill provides reference templates that wire 3-5 content pages directly into the TabBar region.

Are there limitations when using a TabBar shell for Uno Platform navigation?▼

TabBar shell templates for Uno Platform navigation are designed specifically for mobile-first applications requiring 3-5 top-level pages. Apps needing more pages or complex nested routing patterns may require additional custom shell configurations.

Related Skills

Explore More Software Engineering Skills→
unoplatformunoplatform
9

uno-toolkit-tabbar

Implement Uno Platform TabBar navigation with icons, labels, badges, and selection indicators for cross-platform apps.

Official
Intermediate
NNPopovNNPopov
2

flutter-localizing-apps

Configure Flutter app localization with ARB files and locale delegates.

Community
Intermediate
unoplatformunoplatform
9

uno-navigation-xaml

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

Official
Intermediate
unoplatformunoplatform
9

uno-navigation-responsive-shell

Implement responsive navigation shells switching between TabBar and NavigationView.

Official
Intermediate