侧边导航抽屉导航
它从屏幕侧边显示主要导航入口，可以临时覆盖内容，也可以在宽屏上一直展开。
- 从左边滑出来的整站菜单
- 点左上角三条线出来的那一栏
- 藏在屏幕侧边的页面入口
- 导航抽屉
- 侧边栏导航
- 侧滑菜单
示例
Web / iOS / Android 对照
Web需自己实现
桌面与移动端现代浏览器
Navigation Drawer
也叫 Sidebar Navigation
网页没有原生导航抽屉，需要用导航结构、对话框行为和响应式布局自行组合。
通常怎么做：窄屏用可关闭覆盖层，宽屏转为持久侧栏；打开时管理焦点和背景交互。
iOS原生支持
iOS / iPadOS 常规宽度；窄窗口自动给出适合该宽度的版本
Sidebar
SwiftUI: NavigationSplitView｜UIKit: UISplitViewController
苹果在 iOS / iPadOS 上先推荐标签栏——原页写的是 Consider using a tab bar first，理由是标签栏给内容留出更多空间，而侧栏需要大量纵向与横向空间。两者兼得的是 sidebarAdaptable 这一标签栏样式：由应用决定启动时显示侧栏还是标签栏，两种形态各带一个互相切换的按钮，并随旋转与窗口尺寸自动给出合适的版本。只要侧栏时用 NavigationSplitView 或 UISplitViewController。官方另有一条提醒：不要默认隐藏侧栏，否则它不容易被发现。
Android官方不推荐
Android 手机 / 平板
Navigation Drawer
Compose Material 3: ModalNavigationDrawer / PermanentNavigationDrawer
它没有被废弃：Compose 的实现官方标为 Available，同一页仍给出完整用法 —— 标准抽屉用于 expanded / large / extra-large 断点，模态抽屉用于 compact / medium 断点，两种变体都还在。所以这是「新版设计体系建议迁移」，不是「这个东西不能用了」。
Material 3 在 Expressive 更新中不再推荐导航抽屉；已经采用该更新的产品应改用展开式侧边导航轨（expanded navigation rail）。官方称两者功能大体相同，而后者能更好适配不同断点或窗口尺寸类别。
使用规范
什么时候用
- 主要目的地较多，无法放进底部导航，或大屏需要持久侧栏
什么时候别用
- 只有三到五个高频一级页面时，移动端优先使用底部标签栏
容易混淆
给 AI 的提示词
这条词条还没有经过验证的实现提示词。