F2.12.2no tappables in the home-indicator band设计
底部指示条区域不可放置可点元素
别名: Home Indicator · 底部手势条 · safe area bottom
概念解释
全面屏底部那条指示条所在的带,系统用来上滑回主屏。把「同意并继续」贴在距物理底边 8 px 的地方,点按会和系统手势抢,或被当成回桌面。轮播的页码点放在这带里,同样点不准。这不是看不看得见——按钮可以画得完整——而是点不到、或点了会触发系统。
固定底栏和系统手势冲突,是位置族里另一条。这里覆盖任何可点对象:滚动列表的最后一颗按钮、全宽 CTA、页码点,只要落进指示条带,布局就要把它们抬进安全区。
机制
底部大约三十多点(机型不同)是系统手势竞技场,操作系统优先。命中测试和手势识别会把上滑吃掉,短点有时能点到你的按钮,长按或带一点位移就回家。拇指还常停在这带休息,误触率本来就高。
安全区底部 inset 就是把可点布局的地板抬到这条带之上。内容仍可以滚过这带(列表最后一项滚上来),但停稳时的可点目标不能停在带里。
边界
只显示不可点的品牌色、或一条装饰性页脚,可以进这带。游戏用虚拟摇杆占底边,是在和系统手势硬抢,必须按平台的独占全屏规则来,不能当普通 App 的布局惯例。有实体 Home 键的老机没有这条带,底部 inset 接近 0,同一套绝对像素在新机上会翻车——所以要读 inset,不要写死 34。
横屏时指示条仍在短边的「底」,可点目标的禁区跟着转。
怎么落地
- 主按钮、标签栏、页码点、列表里的操作,底部贴齐安全区 inset,而不是贴齐屏幕底。
- 滚动内容可以进入该带,但以其为终点的吸附位置(分页、吸底 CTA)要把目标抬出该带。
- 验证:用色块画出底部 inset。任何可点热区与色块相交即失败。真机上对那个按钮连点十次:记下被系统手势抢走的次数。大于零就把按钮上移,直到十次都进应用。再检查横屏,禁区换了边。