← 返回 iOS 词条iOSSidebar原生支持
侧边导航抽屉
在 iOS 上叫Sidebar
SwiftUI: NavigationSplitView|UIKit: UISplitViewController
苹果在 iOS / iPadOS 上先推荐标签栏——原页写的是 Consider using a tab bar first,理由是标签栏给内容留出更多空间,而侧栏需要大量纵向与横向空间。两者兼得的是 sidebarAdaptable 这一标签栏样式:由应用决定启动时显示侧栏还是标签栏,两种形态各带一个互相切换的按钮,并随旋转与窗口尺寸自动给出合适的版本。只要侧栏时用 NavigationSplitView 或 UISplitViewController。官方另有一条提醒:不要默认隐藏侧栏,否则它不容易被发现。
它从屏幕侧边显示主要导航入口,可以临时覆盖内容,也可以在宽屏上一直展开。
- 从左边滑出来的整站菜单
- 点左上角三条线出来的那一栏
- 藏在屏幕侧边的页面入口
- 导航抽屉
- 侧边栏导航
- 侧滑菜单
结构示意图
其他平台的相似实现
Web需自己实现
该平台没有原生实现网页没有原生导航抽屉,需要用导航结构、对话框行为和响应式布局自行组合。
看 Web 视角 →Android官方不推荐
Navigation Drawer异名Material 3 在 Expressive 更新中不再推荐导航抽屉;已经采用该更新的产品应改用展开式侧边导航轨(expanded navigation rail)。
看 Android 视角 →使用规范
什么时候用
- 主要目的地较多,无法放进底部导航,或大屏需要持久侧栏
什么时候别用
- 只有三到五个高频一级页面时,移动端优先使用底部标签栏