百度智能小程序 隱藏tabBar

swan.hideTabBar

解釋：隱藏 tabBar 。

方法參數(shù)

Object object

object 參數(shù)說明

示例

圖片示例

代碼示例 

在開發(fā)者工具中打開

<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