tabBar导航栏页面引入原生子窗体,发生蒙层隐藏,窗体却没有消失的问题

本文解决了一个关于uniapp中tabBar导航栏页面引入原生子窗体时出现的问题:当用户登出并重新登录时,原生子窗体会出现重叠现象。通过在页面卸载时关闭原生子窗体,避免了该问题。

uniapp原生子窗体

tabBar导航栏页面引入原生子窗体,发生蒙层隐藏,窗体却没有消失的问题

1.问题出现

第一次登陆进来tabBar导航页,原生子窗体正常显示隐藏,退出登出后第二次登陆进来tabBar导航页,原生子窗体显示后,蒙层隐藏,窗体却没有消失。

2.排查问题

先看原生子窗体与tabBar的生命周期,从第一次出现到退出登录,经历的onLoad到onUnload,原生子窗体却没有销毁,第二次进到tabBar页面时,原生子窗体再一次重复渲染,导致窗体重叠出现两次。

3.问题解决

tabBar导航页面:onUnload时,将原生子窗体关闭
const subNVueReport = uni.getSubNVueById(‘reportPopup’);
subNVueReport.close(‘slide-out-bottom’, 300);
防止原生子窗体重复出现

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值