介绍
在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()
监听中间按钮的点击事件
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。