百度智能小程序 隐藏tabBar

swan.hideTabBar

解释：隐藏 tabBar 。

方法参数

Object object

object 参数说明

示例

图片示例

代码示例 

在开发者工具中打开

<view class="wrap">
    <button type="primary" bindtap="hideTabBar">
    {{ !hasHiddenTabBar ? '隐藏TabBar' : '显示TabBar' }}
    </button>
</view>

Page({
    showTabBar() {
        this.setData({hasHiddenTabBar: false});
        swan.showTabBar({
            animation: true, // animation 为 true 时，建议在真机上看效果，工具暂不支持
            success: res => {
                console.log('showTabBar success');
            },
            fail: err => {
                console.log('showTabBar fail', err);
            }
        })
    },

    hideTabBar() {
        if (this.data.hasHiddenTabBar) {
            this.showTabBar();
            return
        }
        this.setData({hasHiddenTabBar: true})
        swan.hideTabBar();
    }
});

设计指南

原生 TabBar 层级较高，使用自建 H5 底部面板或全页面蒙层时，需将原生 TabBar 隐藏，使面板不被遮盖，如下图：

错误码

Android

iOS