Version: next

Taro.setTabBarStyle(option)

动态设置 tabBar 的整体样式

参考文档

类型

(option?: Option) => Promise<CallbackResult>

参数

Option

参数类型必填说明
backgroundColor
string
tab 的背景色,HexColor
borderStyle
string
tabBar上边框的颜色, 仅支持 black/white
color
string
tab 上的文字默认颜色,HexColor
complete
(res: CallbackResult) => void
接口调用结束的回调函数(调用成功、失败都会执行)
fail
(res: CallbackResult) => void
接口调用失败的回调函数
selectedColor
string
tab 上的文字选中时的颜色,HexColor
success
(res: CallbackResult) => void
接口调用成功的回调函数

示例代码

Taro.setTabBarStyle({
color: '#FF0000',
selectedColor: '#00FF00',
backgroundColor: '#0000FF',
borderStyle: 'white'
})

API 支持度

API微信小程序H5React Native
Taro.setTabBarStyle✔️✔️