uno-navigation-responsive-shell
OfficialResponsive shell: TabBar to NavigationView.
Software Engineering#navigation#shell#responsive#uno-platform#tabbar#navigationview#visualstatemanager
Authorunoplatform
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Implement adaptive navigation shells that switch between a bottom TabBar on narrow screens and a side NavigationView on larger screens, ensuring a single, consistent navigation surface across devices.
Core Features & Use Cases
- VisualStateManager-based breakpoints with Narrow/Normal/Wide states.
- Shared content region where runtime-injected views render; mirrored NavigationViewItem/TabBarItem pairs; route registration pattern.
- Reference templates and substitution rules to accelerate building responsive shells for Uno Platform apps.
Quick Start
Replace placeholders in the template shell with your shell and page names and wire up the route registrations to enable responsive navigation.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: uno-navigation-responsive-shell Download link: https://github.com/unoplatform/studio/archive/main.zip#uno-navigation-responsive-shell Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.