← 返回 Android 词条

侧边导航抽屉

Android官方不推荐

在 Android 上叫Navigation Drawer

Compose Material 3: ModalNavigationDrawer / PermanentNavigationDrawer

适用范围：Android 手机 / 平板

它没有被废弃：Compose 的实现官方标为 Available，同一页仍给出完整用法 —— 标准抽屉用于 expanded / large / extra-large 断点，模态抽屉用于 compact / medium 断点，两种变体都还在。所以这是「新版设计体系建议迁移」，不是「这个东西不能用了」。

Material 3 在 Expressive 更新中不再推荐导航抽屉；已经采用该更新的产品应改用展开式侧边导航轨（expanded navigation rail）。官方称两者功能大体相同，而后者能更好适配不同断点或窗口尺寸类别。

它从屏幕侧边显示主要导航入口，可以临时覆盖内容，也可以在宽屏上一直展开。

从左边滑出来的整站菜单
点左上角三条线出来的那一栏
藏在屏幕侧边的页面入口
导航抽屉
侧边栏导航
侧滑菜单

结构示意图

AndroidNavigation Drawer官方不推荐

其他平台的相似实现

Web需自己实现

该平台没有原生实现

网页没有原生导航抽屉，需要用导航结构、对话框行为和响应式布局自行组合。

看 Web 视角 →

iOS原生支持

Sidebar异名

苹果在 iOS / iPadOS 上先推荐标签栏——原页写的是 Consider using a tab bar first，理由是标签栏给内容留出更多空间，而侧栏需要大量纵向与横向空间。

看 iOS 视角 →

使用规范

什么时候用

主要目的地较多，无法放进底部导航，或大屏需要持久侧栏

什么时候别用

只有三到五个高频一级页面时，移动端优先使用底部标签栏

容易混淆

侧边导航轨

导航抽屉覆盖或常驻在内容侧边；导航轨有收起与展开两种形态，展开态正是官方给导航抽屉的替代品。

分栏视图

分栏视图让多个区域同时可见；导航抽屉的导航区域可以临时覆盖内容。

Android 出处

查看 Web / iOS / Android 完整对照 →