王亚飞
王亚飞
  • 发布:2024-10-12 17:35
  • 更新:2024-11-21 11:13
  • 阅读:283

支付宝小程序在android真机上hideTabbar失效

分类:uni-app

页面打开时通过hideTabbar进行隐藏,此时tabbar正常隐藏;

通过自定义的tabbar标签,切换时,当切换回首页标签时,hideTabbar失效会显示pages中定义的tabbar数据;

2024-10-12 17:35 负责人:无 分享
已邀请:
王亚飞

王亚飞 (作者)

录屏效果

  • 爱豆豆

    看到了 同样的代码 我这边安卓机没问题

    2024-10-14 18:12

  • 王亚飞 (作者)

    回复 爱豆豆: 昨天用鸿蒙next测试线上小程序就没出现

    2024-10-15 08:19

  • 王亚飞 (作者)

    回复 爱豆豆: 今天使用支付宝小程序原生写了个demo,存在这个问题,已经反馈给支付宝了。献上小程序安卓13、iphone、鸿蒙next都没出现,安卓13、鸿蒙4.0有这个问题

    2024-10-15 11:14

  • t***@126.com

    回复 王亚飞: 支付宝有回复吗 我也有这个问题

    2024-11-14 15:25

爱豆豆

爱豆豆 - 办法总比困难多

在你tabbar页面中的onShow里也加上hideTabbar 试试
我项目中就这么写的 在支付宝小程序中没出现你说的问题

  • 王亚飞 (作者)

    在支付宝小程序开发工具、苹果手机都没有问题,但是在android机上出现这个问题。这个应该之前没有出现过,我们小程序用了一年多,最近测试发现的这个问题

    2024-10-14 08:22

  • 爱豆豆

    回复 w***@gmail.com: App.vue和你的tabbar页面 都加上hideTabbar还会 失效?

    2024-10-14 09:27

  • 王亚飞 (作者)

    回复 爱豆豆: 在onShow中添加后,配置中的tabbar会先出现,然后hideTabbar生效,页面tabbar会出现抖动

    2024-10-14 09:45

  • 爱豆豆

    回复 w***@gmail.com: 这个抖动是你在切换tabbar页面时出现的 对吧

    2024-10-14 09:55

  • 爱豆豆

    回复 爱豆豆: 小程序上线了吧 叫啥 我来试试

    2024-10-14 09:55

  • 爱豆豆

    回复 w***@gmail.com: 你这个线上的 是全加上hideTabbar后的吗?每次切换都出现闪动

    2024-10-14 10:52

  • 爱豆豆

    回复 w***@gmail.com: 感觉应该是页面的闪动 是不是tabbar的闪动

    2024-10-14 10:53

  • 王亚飞 (作者)

    回复 爱豆豆: 我这边有尝试用了一个空vue2 项目也是存在这个问题

    2024-10-14 11:07

王亚飞

王亚飞 (作者)

vue2 空项目,首页、我的,一个自定义tabbar(两个链接,我的、首页),

王亚飞

王亚飞 (作者)

使用andriod真机,我这边在华为meta60、pura70有复现

  • 爱豆豆

    我这边andriod11 13测试都没啥异常的效果。没有华为的测试机 没能复现出来

    能录屏看下嘛 你华为用的是鸿蒙系统吧

    2024-10-14 14:40

  • 王亚飞 (作者)

    回复 爱豆豆: 下面是在pura70效果

    2024-10-14 15:26

  • 爱豆豆

    回复 王亚飞: 你在用其他手机测试下呢

    2024-10-14 18:12

1***@qq.com

1***@qq.com

我也出现该情况,这是官方的demo在安卓机支付宝小程序就有问题,微信小程序没问题

s***@gmail.com

s***@gmail.com

手机:pura70
系统版本:鸿蒙4.2.0.110
小程序:支付宝小程序

目前的做法是在onShow里添加uni.hideTabBar,表现就是每次切换tabBar的时候,都会现显示tabBar然后隐藏,即tabBar抖动。

根据文章 https://open.alipay.com/portal/forum/post/163301045,理论上用原生支付宝小程序配置

 "tabBar": {  
    "textColor": "#6C6C6C",  
    "selectedColor": "#1ECDB9",  
    "backgroundColor": "#ffffff",  
    "customize": true, // 这里设置该属性为true,即指定当前tabbar为自定义tabbar  
}

但是,在uniapp中配置,编译不通过,希望uniapp官方可以支持此方式。

要回复问题请先登录注册