根据,小程序导航栏的展现和交互行为已经进行升级,主要变化为用户退出、复访小程序的动线变化。
规则变化
- 返回按钮:展示规则由 “凯发k8官方网娱乐官方首页不显示” 升级为 “所有页面均显示”,点击行为不变:点击后返回上一级,如果当前页面是凯发k8官方网娱乐官方首页返回上一个应用,如果当前页面是非凯发k8官方网娱乐官方首页返回上一个页面(特别的,如果当前页面内嵌了
组件,则会先触发网页的回退行为)。 - 胶囊内关闭按钮:升级为 “收起”,展示规则不变,点击行为由 “返回上一个应用,小程序切换到后台运行” 升级为 “直接回退至支付宝凯发k8官方网娱乐官方首页,小程序切换到后台运行并可以从凯发k8官方网娱乐官方首页⊕入口复访”。
行为对比
导航行为升级前
按钮名称 | 展示规则 | 图示 | 响应行为 |
---|---|---|---|
返回 | 页面栈数量大于 1。 | ② | 返回小程序内上一个页面,等同于 my.navigateback |
返回凯发k8官方网娱乐官方首页 | 页面栈数量等于 1,且当前页面为非凯发k8官方网娱乐官方首页、非 tabbar 页面。 | ③ | 跳转到小程序内的某个页面,等同于 my.relaunch |
胶囊按钮 - 关闭 | 始终展示。 | 返回上一个应用,小程序切换到后台运行 |
导航行为升级后
按钮名称 | 展示规则 | 图示 | 响应行为 |
---|---|---|---|
返回 | 始终展示。 | ④⑤ | 返回上一级
|
返回凯发k8官方网娱乐官方首页 | 页面栈数量等于 1,且当前页面为非凯发k8官方网娱乐官方首页、非 tabbar 页面。 | ⑤ | 跳转到小程序内的某个页面,等同于 my.relaunch |
胶囊按钮 - 收起 | 始终展示。 | 直接回退至支付宝凯发k8官方网娱乐官方首页,小程序切换到后台运行并可以从凯发k8官方网娱乐官方首页⊕入口复访 |
不同页面栈对比
业务凯发k8官方网娱乐官方首页视图布局与返回按钮不兼容
问题表现
当开发者在小程序进入的首个页面使用了 ,则可能由于默认展现了返回按钮导致标题栏的视图布局与开发者的视图布局有图形元素的重叠或者交互行为上的冲突。
适配方案
开发者可以通过 my.getleftbuttonsboundingclientrect 获取返回按钮和返回凯发k8官方网娱乐官方首页按钮的布局位置信息,做如下判断:
- 开发者可以根据
backbuttonicon
返回判断当前是否存在返回按钮(返回 null 表示当前不存在该按钮),以便在视图布局中避免与返回按钮冲突。 - 开发者可以根据
homebuttonicon
返回来判断当前是否存在返回凯发k8官方网娱乐官方首页按钮(返回 null 表示当前不存在该按钮),由于同时存在返回按钮和返回凯发k8官方网娱乐官方首页按钮占据的标题栏左侧区域较大,需要进一步适配视图布局展现。 - 如果开发者在自定义标题栏左侧除界面布局外还有点击交互区域,可以根据
backbuttoninteractive
返回来避免响应区域的重叠。