小程序
小游戏
企业微信
微信支付
扫描小程序码分享
iphone 刘海屏的时候wx.showActionSheet被自定义的tabbar遮挡
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
这个问题确实存在。具体表现为:自定义tabbar. 然后页面上弹出sheet. 即wx.showActionSheet 。sheet 会被tabbar 遮挡住。
解决方案如下:(在弹出sheet前隐藏tabbar, sheet消失后展示tabbar)
1.在自定义tabbar的js中添加isHidden属性
//tabbar.js 文件 Component({ data: { isHidden:false, ... })
2.在tabbar的wxml中绑定视图隐藏属性值
//tabar.wxml 文件 <cover-view class="tab-bar" hidden="{{isHidden}}"> ... </cover-view>
3.在弹出sheet的页面的控制函数中,获取tabbar ,设置isHidden属性,控制tabbar的隐藏
showSheet() { var itemList = ["sheet1","sheet2"]; var that = this; //隐藏tabbar this.getTabBar().setData({isHidden:true}); wx.showActionSheet({ itemList: itemList, success: function(res) { //展示tabbar that.getTabBar().setData({isHidden:false}); }, fail: function(res) { //展示tabbar that.getTabBar().setData({isHidden:false}); } }); }
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
请具体描述问题,可贴截图并提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
这个问题确实存在。具体表现为:自定义tabbar. 然后页面上弹出sheet. 即wx.showActionSheet 。sheet 会被tabbar 遮挡住。
解决方案如下:(在弹出sheet前隐藏tabbar, sheet消失后展示tabbar)
1.在自定义tabbar的js中添加isHidden属性
//tabbar.js 文件 Component({ data: { isHidden:false, ... })
2.在tabbar的wxml中绑定视图隐藏属性值
//tabar.wxml 文件 <cover-view class="tab-bar" hidden="{{isHidden}}"> ... </cover-view>
3.在弹出sheet的页面的控制函数中,获取tabbar ,设置isHidden属性,控制tabbar的隐藏
showSheet() { var itemList = ["sheet1","sheet2"]; var that = this; //隐藏tabbar this.getTabBar().setData({isHidden:true}); wx.showActionSheet({ itemList: itemList, success: function(res) { //展示tabbar that.getTabBar().setData({isHidden:false}); }, fail: function(res) { //展示tabbar that.getTabBar().setData({isHidden:false}); } }); }
请具体描述问题,可贴截图并提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)