uniapp和小程序设置tabBar和显示与隐藏tabBar

前端小凯2023-09-16 18:35

（1）设置tabBar：

javascript 复制代码

uni.setTabberItem({});

javascript 复制代码

wx.setTabberItem({});

|------------------|---------|---|--------------------------|
| index | number | 是 | tabBar 的哪一项，从左边算起，索引从0开始 |
| text | string | 否 | tab 上按钮文字 |
| iconPath | string | 否 | 图片路径 |
| selectedIconPath | string | 否 | 选中时的图片路径 |
| pagePath | string | 否 | 页面绝对路径 |
| visible | boolean | 否 | tab 是否显示 |

javascript 复制代码

uni.setTabBarItem({
  index: 0,
  text: 'text',
  iconPath: '/path/to/iconPath',
  selectedIconPath: '/path/to/selectedIconPath',
  pagePath: 'pages/home/home'
})

javascript 复制代码

wx.setTabBarItem({
  index: 0,
  text: 'text',
  iconPath: '/path/to/iconPath',
  selectedIconPath: '/path/to/selectedIconPath',
  pagePath: 'pages/home/home'
})

（2）显示tabBar：

javascript 复制代码

uni.showTabber();

javascript 复制代码

wx.showTabber();

（3）隐藏tabBar：

javascript 复制代码

uni.hideTabber();

javascript 复制代码

wx.hideTabber();