tt.setTabBarStyle
收藏
我的收藏

基础库 1.44.0 开始支持本方法,这是一个异步方法。

动态设置 tabBar 的整体样式。底部标签栏位于小程序底部,方便用户在不同功能模块之间进行快速切换。为保证可用性,底部导航栏承载 2-5 个功能,如果超出 5 个功能项,请酌情移入页面或菜单内。

前提条件
业务背景
使用限制
为保证可用性,底部导航栏承载 2-5 个功能,如果超出 5 个功能项,请酌情移入页面或菜单内;
注意事项
调用此 API 时若不传某项参数,则该参数对应的样式保持不变;
支持沙盒
相关教程

语法

tt.setTabBarStyle(options)

参数说明

options 为 object 类型,属性如下:

属性名类型默认值必填说明最低支持版本
colorstring
文字默认颜色,6 位 HexColor 例如#ff3377
1.44.0
selectedColorstring
文字选中时的颜色,6 位 HexColor 例如#ff3377
1.44.0
backgroundColorstring
背景颜色
1.44.0
borderStylestring
上边框的颜色, 仅支持 black | white
1.44.0
successfunction
接口调用成功的回调函数
1.44.0
failfunction
接口调用失败的回调函数
1.44.0
completefunction
接口调用结束的回调函数(调用成功、失败都会执行)
1.44.0

回调成功

object 类型,属性如下:

属性名类型说明最低支持版本
errMsgstring
"setTabBarStyle:ok"
1.44.0

回调失败

object 类型,属性如下:

属性名类型说明最低支持版本
errMsgstring
"setTabBarStyle:fail" + 详细错误信息
1.44.0

扫码体验

请使用字节宿主APP扫码

代码示例