移动端导航模式

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