小程序自定义tabbar 真机遮挡wx.showActionSh

问题： 使用了自定义的tabbar，在页面上弹出 wx.showActionSheet窗口， tabbar会遮挡住sheet窗口。

解决方法：（在弹出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});
         }
    });
}