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