2***@qq.com
2***@qq.com
  • 发布:2020-03-20 11:00
  • 更新:2020-03-20 11:21
  • 阅读:784

【报Bug】Android 隐藏tabbar后,点击底部tabbar区域任会跳转tabbar页

分类:uni-app

详细问题描述

[内容]
uni-app 项目的 Android app 中,调用 uni.hideTabBar() 隐藏tabbar后,虽然的确是看不见tabbar了,但是点击底部tabbar区域任然会跳转到tabbar页。
ps: h5,微信小程序和 ios app 都没出问题,只有 android app 出现了这个问题。

重现步骤

[步骤]

  1. 新生成一个 vue-cli uni-app 项目;
  2. page.json 中配置 tabbar
  3. 在 App.vue 的 onShow 中调用 uni.hideTabBar()
  4. 用 HBuilderX 打包生成 apk 包或真机调试;
  5. 在任一页面点击底部 tabbar 区域。

[结果]
可见 tabbar 确实是隐藏了,但是在任一页面点击底部 tabbar 区域任然会跳转到 tabbar 页。
表现得就好像 tabbar 变得透明,而且 fixed 在页面底部一样。

[期望]
调用 uni.hideTabBar() 隐藏 tabbar 后,点击底部 tabbar 区域不会进行跳转,也不会遮盖住底部的其它元素。

IDE运行环境说明

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]
HBuilderX

[IDE版本号]
2.6.5

[windows版本号]
win10

uni-app运行环境说明

[运行端是h5或app或某个小程序?]
app

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]
最新版 cli 创建
(本身是 vue-cli 项目,@dcloudio 包版本为 2.0.0-26520200314001,使用 HBuilderX 2.6.5 打包成 apk)

[编译模式说明:自定义组件模式?纯nvue模式?v3模式?]
自定义组件模式,非nvue,非v3

App运行环境说明

[Android版本号]
8.0.0

[手机型号]
小米,MI 5s

2020-03-20 11:00 负责人:无 分享
已邀请:
DCloud_Android_ST

DCloud_Android_ST

上传个示例看下

  • 2***@qq.com (作者)

    抱歉,好像是 uni-simple-router 的问题

    2020-03-20 12:22

  • 2***@qq.com (作者)

    uni-simple-router 设置 holdTabbar 后开启底部菜单拦截,然后在特殊场景中出了bug

    2020-03-20 12:35

该问题目前已经被锁定, 无法添加新回复