移动端导航模式
React导航移动端更新于 2026-07-18
使用场景: 构建从桌面侧边栏自适应到移动端底部标签的响应式导航。
安装
npx skills add mobile-nav-patterns克隆
git clone https://github.com/skillhub-community/mobile-nav-patterns.git描述
一个技能包含三种久经考验的移动端导航模式:带激活指示器的底部标签栏、带遮罩的滑出抽屉,以及汉堡菜单转底部面板。
每种模式支持手势操作(滑动打开/关闭)并尊重 `prefers-reduced-motion`。
AI Hub
跑 Skill 需要模型接口?
AI Hub 提供 OpenAI 兼容接口,给 Cursor / Claude Code / Agent 用。
打开 AI Hub元数据
作者@nav_priya
许可证MIT
版本1.0.1
依赖0