头图

介绍

uniapp的程序生命周期中使用uni.setTabBarItem动态设置 tabBar 某一项的内容
官方文档:https://uniapp.dcloud.net.cn/api/ui/tabbar.html#settabbaritem

onLaunch: function() {
  uni.setTabBarItem({
    index: 1,
    visible: false,
  })
},

tabbar的下标从0开始,上述代码则标识tabbar下标为1的项隐藏
另外,你可以通过uni.setTabBarStyle()动态设置tabbar的样式
tabBar 某一项的右上角添加文本:uni.setTabBarBadge()

关于tabbar的设置在上述的文档链接中都有介绍,我在这里简介一下:
uni.setTabBarItem()
动态设置 tabBar 某一项的内容

uni.setTabBarStyle()
动态设置 tabBar 的整体样式

uni.hideTabBar()
隐藏 tabBar

uni.showTabBar()
显示 tabBar

uni.setTabBarBadge()
为 tabBar 某一项的右上角添加文本。

uni.removeTabBarBadge()
移除 tabBar 某一项右上角的文本。

uni.showTabBarRedDot()
显示 tabBar 某一项的右上角的红点。

uni.hideTabBarRedDot()
隐藏 tabBar 某一项的右上角的红点。

uni.onTabBarMidButtonTap()
监听中间按钮的点击事件


兔子先森
466 声望556 粉丝

致力于新技术的推广与优秀技术的普及。