在tabbar调用uni-ui中uni-popup组件
![[已删除]](http://img-cdn-tc.dcloud.net.cn/uploads/avatar/001/20/37/05_avatar_mid.jpg?v=1641893966){kind=avatar}
[已删除]
- 发布：2022-04-28 09:25
- 更新：2023-05-09 17:36
- 阅读：6424
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows 10 专业版
HBuilderX类型： 正式
HBuilderX版本号： 3.4.7
手机系统： Android
手机系统版本号： Android 6.0
手机厂商： 华为
手机机型： huawei MLA-TL10
页面类型： vue
vue版本： vue2
打包方式： 离线
项目创建方式： HBuilderX
操作步骤：
预期结果：
uni-popup组件遮罩应该在原生tabbar页面上，在uni.showT...下
uni-popup组件遮罩应该在原生tabbar页面上，在uni.showT...下
实际结果：
uni-popup组件遮罩在原生tabbar页面，在uni.showT...下
uni-popup组件遮罩在原生tabbar页面，在uni.showT...下
bug描述：
bug： tabbar页面弹出会被原生tabbar遮挡。原生的层级是998，但是给popup999在h5页面能正常显示，在真机下还是会被原生tabbar遮挡。需要留意uni.showT.....的层级好像是999。一加8T也是和手机系统应该没关系
BoredApe - 有问题就会有答案。
原生层级问题。可以使用以下两种方式解决：
- 动态显示隐藏
Tabbar相关API：uni.setTabBarItem 动态设置 tabBar 某一项的内容 - 使用
SubNVue解决App中 vue 页面中的层级覆盖和原生界面灵活自定义。相关文档：原生子窗体
[已删除] (作者)
这个SubNVue是不是可以封装成一个自定义tabbar而且可以解决第一次闪屏的问题？感觉有点复杂得细看下文档了
PS:我自己提的这个问题其实很好解决，直接change里面uni.hideTabBar()和uni.showTabBar()就可以了
2022-04-28 09:43
[已删除] (作者)
回复 [已删除]: 只是觉得组件不够完善
2022-04-28 09:45