开发者社区
社区提问意见反馈
开发者钉组织
扫描二维码
加入支付宝开发者钉组织
基础 api
基础
应用级事件
界面
导航栏
tabbar
路由
交互反馈
下拉刷新
联系人
选择城市
选择日期
动画
画布
地图
计算路径
键盘
滚动
节点查询
选项选择器
级联选择
设置窗口背景
设置页面是否支持下拉
字体
跳转
多媒体
缓存
文件
位置
网络
设备
worker
数据安全
分享
收藏
自定义通用菜单
更新管理
web-view组件控制
升级支付宝最新版本
隐私信息授权
小程序广告
开放能力 api
开发 > api > 基础 api > 界面 > 导航栏 > 导航栏行为升级开发者适配指南
评论 (5)
收藏
订阅更新
我的文档
设置

根据,小程序导航栏的展现和交互行为已经进行升级,主要变化为用户退出、复访小程序的动线变化。

规则变化

  1. 返回按钮:展示规则由 “凯发k8官方网娱乐官方首页不显示” 升级为 “所有页面均显示”,点击行为不变:点击后返回上一级,如果当前页面是凯发k8官方网娱乐官方首页返回上一个应用,如果当前页面是非凯发k8官方网娱乐官方首页返回上一个页面(特别的,如果当前页面内嵌了 组件,则会先触发网页的回退行为)。
  2. 胶囊内关闭按钮:升级为 “收起”,展示规则不变,点击行为由 “返回上一个应用,小程序切换到后台运行” 升级为 “直接回退至支付宝凯发k8官方网娱乐官方首页,小程序切换到后台运行并可以从凯发k8官方网娱乐官方首页⊕入口复访”。

行为对比

导航行为升级前


按钮名称展示规则图示响应行为
返回页面栈数量大于 1。返回小程序内上一个页面,等同于 my.navigateback
返回凯发k8官方网娱乐官方首页页面栈数量等于 1,且当前页面为非凯发k8官方网娱乐官方首页、非 tabbar 页面。跳转到小程序内的某个页面,等同于 my.relaunch
胶囊按钮 - 关闭始终展示。返回上一个应用,小程序切换到后台运行

导航行为升级后


按钮名称展示规则图示响应行为
返回始终展示。④⑤返回上一级
  • 页面栈数量大于 1 时,返回小程序内上一个页面,等同于 my.navigateback
  • 页面栈数量等于 1 时,返回上一个应用,小程序切换到后台运行
返回凯发k8官方网娱乐官方首页页面栈数量等于 1,且当前页面为非凯发k8官方网娱乐官方首页、非 tabbar 页面。跳转到小程序内的某个页面,等同于 my.relaunch
胶囊按钮 - 收起始终展示。直接回退至支付宝凯发k8官方网娱乐官方首页,小程序切换到后台运行并可以从凯发k8官方网娱乐官方首页⊕入口复访

不同页面栈对比

业务凯发k8官方网娱乐官方首页视图布局与返回按钮不兼容

问题表现

当开发者在小程序进入的首个页面使用了 ,则可能由于默认展现了返回按钮导致标题栏的视图布局与开发者的视图布局有图形元素的重叠或者交互行为上的冲突。

适配方案

开发者可以通过 my.getleftbuttonsboundingclientrect 获取返回按钮和返回凯发k8官方网娱乐官方首页按钮的布局位置信息,做如下判断:

  1. 开发者可以根据 backbuttonicon 返回判断当前是否存在返回按钮(返回 null 表示当前不存在该按钮),以便在视图布局中避免与返回按钮冲突。
  2. 开发者可以根据 homebuttonicon 返回来判断当前是否存在返回凯发k8官方网娱乐官方首页按钮(返回 null 表示当前不存在该按钮),由于同时存在返回按钮和返回凯发k8官方网娱乐官方首页按钮占据的标题栏左侧区域较大,需要进一步适配视图布局展现。
  3. 如果开发者在自定义标题栏左侧除界面布局外还有点击交互区域,可以根据 backbuttoninteractive 返回来避免响应区域的重叠。
内容没有解决您的问题?您还可以前往 或 寻求帮助
凯发k8官方网娱乐官方 copyright © 2022 支付宝(杭州)信息技术有限公司  | icp证浙b2-20160559
该文档对你是否有帮助?
当前页面目录
网站地图