收藏
回答

iphone 刘海屏的时候wx.showActionSheet被自定义的tabbar遮挡

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug wx.showActionSheet 微信iOS客户端 6.5.3 2.0.0

iphone 刘海屏的时候wx.showActionSheet被自定义的tabbar遮挡

回答关注问题邀请回答
收藏

2 个回答

  • @Bill 你enjoqythes
    @Bill 你enjoqythes
    2020-10-30

    这个问题确实存在。具体表现为:自定义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});
             }
        });
    }
    
    
    2020-10-30
    有用
    回复
  • 灵芝
    灵芝
    2019-11-05

    请具体描述问题,可贴截图并提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    2019-11-05
    有用
    回复
登录 后发表内容
问题标签