Taro.setNavigationBarColor(option)
设置页面导航条颜色
支持情况:
H5: 不支持 animation 参数
React Native: 不支持 animation 参数
类型
(option: Option) => Promise<TaroGeneral.CallbackResult>
参数
参数 | 类型 |
---|---|
option | Option |
Option
参数 | 类型 | 必填 | 说明 |
---|---|---|---|
backgroundColor | string | 是 | 背景颜色值,有效值为十六进制颜色 |
frontColor | string | 是 | 前景颜色值,包括按钮、标题、状态栏的颜色,仅支持 #ffffff 和 #000000 |
animation | AnimationOption | 否 | 动画效果 |
complete | (res: TaroGeneral.CallbackResult) => void | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
fail | (res: TaroGeneral.CallbackResult) => void | 否 | 接口调用失败的回调函数 |
success | (res: TaroGeneral.CallbackResult) => void | 否 | 接口调用成功的回调函数 |
AnimationOption
动画效果
参数 | 类型 | 必填 | 说明 |
---|---|---|---|
duration | number | 否 | 动画变化时间,单位 ms |
timingFunc | "linear" or "easeIn" or "easeOut" or "easeInOut" | 否 | 动画变化方式 可选值: - 'linear': 动画从头到尾的速度是相同的; - 'easeIn': 动画以低速开始; - 'easeOut': 动画以低速结束; - 'easeInOut': 动画以低速开始和结束; |
示例代码
Taro.setNavigationBarColor({
frontColor: '#ffffff',
backgroundColor: '#ff0000',
animation: {
duration: 400,
timingFunc: 'easeIn'
}
})