Tab bar 标签栏
/tab BAR/ · noun · 导航类模式 · #047
把整个应用的地图收进一条横栏——三到五个目的地，始终可见，永不滚走。
别名：底部导航栏、底部导航、底部栏。
你可能会这样叫它
- “App 最下面那一排图标”
- “底部菜单栏”
- “底部 Tab”
- “底部标签”
- “手机 App 底部的导航按钮”
……它的名字是 标签栏（Tab bar）。
常见问题
App 底部的导航栏叫什么？
iOS 里叫标签栏（Tab bar），Android 的 Material Design 里叫底部导航栏（Bottom navigation bar）。它把三到五个顶级目的地固定在每屏底部，始终可见。
手机 App 最下面一栏叫什么？
那一条是标签栏（也叫底部导航栏）：三到五个图标各是一个顶级页面，同一时刻只有一个处于选中态。
iPhone 和安卓屏幕最下面那条叫什么？
在 App 里面，它是标签栏（iOS）或导航栏（Material 3，旧称底部导航）。在 App 之外则属于系统：iPhone 底部那条细横线叫主屏幕指示器（Home indicator），安卓的返回 / 主页 / 多任务按钮或手势条叫系统导航栏。
代码里叫什么
| SwiftUI | TabView |
|---|---|
| UIKit | UITabBarController UITabBar |
| Jetpack Compose | NavigationBar NavigationBarItem |
| Android (Views) | BottomNavigationView |
| Flutter | NavigationBar BottomNavigationBar |
| Web (HTML / ARIA) | <nav> aria-current="page" |
复制给 AI 编程工具
加一个标签栏（Tab bar）：固定在屏幕底部，放三到五个顶级页面入口，每个是图标加简短文字。同一时刻只有一个处于选中态并明显高亮；点击其他项切换栏目，并保留各栏目的滚动位置。它在每个顶级页面都可见，避开底部安全区，选中项要让读屏软件识别为当前页（网页上用 aria-current="page"）。