swan.showTabBar

解释：显示 tabBar

方法参数

Object object

object参数说明

属性名类型必填默认值说明
animationBoolean否无是否需要动画效果。
successFunction否接口调用成功的回调函数
failFunction否接口调用失败的回调函数
completeFunction否接口调用结束的回调函数（调用成功、失败都会执行）

示例

扫码体验

swan.showTabBar - 图1请使用百度APP扫码

图片示例

swan.showTabBar - 图2

swan.showTabBar - 图3

swan.showTabBar - 图4

代码示例1

在开发者工具中预览效果

  1. <view class="wrap">      
  2.     <button type="primary" bindtap="showTabBar">showTabBar</button>
  3.     <button type="primary" bindtap="hideTabBar">hideTabBar</button>
  4. </view>
  1. Page({
  2.     onLoad() {
  3.         swan.hideTabBar();
  4.     },
  5.     showTabBar() {
  6.         swan.showTabBar({
  7.             success: function () {
  8.                 console.log('showTabBar success');
  9.             },
  10.             fail: function (err) {
  11.                 console.log('showTabBar fail', err);
  12.             }
  13.         });
  14.     },
  15.     hideTabBar() {
  16.         swan.hideTabBar({
  17.             success: function () {
  18.                 console.log('hideTabBar success');
  19.             },
  20.             fail: function (err) {
  21.                 console.log('hideTabBar fail', err);
  22.             }
  23.         });
  24.     }
  25. });

代码示例2 - animation为true时，建议在真机上看效果，工具暂不支持

在开发者工具中预览效果

  1. <view class="wrap">      
  2.     <button type="primary" bindtap="showTabBar">showTabBar</button>
  3.     <button type="primary" bindtap="hideTabBar">hideTabBar</button>
  4. </view>
  1. Page({
  2.     onLoad() {
  3.         swan.hideTabBar();
  4.     },
  5.     showTabBar() {
  6.         swan.showTabBar({
  7.             animation: true,
  8.             success: function () {
  9.                 console.log('showTabBar success');
  10.             },
  11.             fail: function (err) {
  12.                 console.log('showTabBar fail', err);
  13.             }
  14.         });
  15.     },
  16.     hideTabBar() {
  17.         swan.hideTabBar({
  18.             animation: true,
  19.             success: function () {
  20.                 console.log('hideTabBar success');
  21.             },
  22.             fail: function (err) {
  23.                 console.log('hideTabBar fail', err);
  24.             }
  25.         });
  26.     }
  27. });

错误码

Android

错误码说明
1001执行失败

iOS

错误码说明
1001当前页面不含tabbar