Skip to main content
Version: 2.x

Taro.setTabBarStyle(option)

动态设置 tabBar 的整体样式

参考文档

类型#

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

参数#

Option#

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

示例代码#

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

API 支持度#

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