Home indicator 底部横条

/HOME IN-dih-kay-tur/ · noun · 系统类模式 · #081

iPhone(没有 Home 键的机型)屏幕底部那条细横线。它不是装饰:往上滑回主屏幕,上滑停住打开多任务,左右滑在 App 之间切换。

Home indicator(底部横条) UI 模式示例:CatchUI 图鉴标本

别名:苹果手机底部横条。

你可能会这样叫它

  • “苹果手机底部那条线”
  • “屏幕底部的白色横条”
  • “iPhone 底部的小横杠”
  • “往上滑的那条线”
  • “底部的手势条”

……它的名字是 底部横条(Home indicator)。

常见问题

苹果手机底部横条叫什么?

苹果官方叫 Home indicator(主屏幕指示条),出现在没有 Home 键的 iPhone 上:往上滑回到主屏幕,上滑停顿打开多任务,沿着它左右滑可以在最近的 App 之间切换。

底部横条可以关掉吗?

在主屏幕和普通 App 里不能——它就是回到主屏幕的入口。全屏看视频或玩游戏时,一段时间不碰屏幕它会自动淡出,一碰屏幕就回来。

代码里叫什么

SwiftUI.persistentSystemOverlays(.hidden)
UIKitprefersHomeIndicatorAutoHidden preferredScreenEdgesDeferringSystemGestures
AndroidWindowInsetsCompat.Type.navigationBars() 安卓的手势导航也有一条类似的横条
FlutterSafeArea SystemUiMode.immersiveSticky
Web (CSS)env(safe-area-inset-bottom) viewport-fit=cover

复制给 AI 编程工具

让这个界面避开底部横条:布局底部按底部安全区域留出空间,不让任何按钮、标签或文字压在横条上;App 里从底边开始的滑动不要和系统“上滑回主屏幕”的手势冲突。只有全屏视频或游戏才自动隐藏横条,普通界面一律不隐藏。

用 AI 写界面时该怎么说:UI 用词指南(英文)→

相关模式

手机和电脑屏幕各部分叫什么(英文)→

传一张截图,抓住这个模式 →

学会从视觉线索认出 UI 模式(英文)