tt.setNavigationBarColor
基础库 1.4.0 开始支持本方法，这是一个异步方法。
设置导航栏颜色。
语法
tt.setNavigationBarColor(options)参数说明
options 为 object 类型，属性如下：
| 属性名 | 类型 | 默认值 | 必填 | 说明 | 最低支持版本 |
|---|---|---|---|---|---|
| frontColor | string | 是 | 前景颜色值，包括按钮、标题、状态栏的颜色，只能取 #ffffff 和 #000000 | 1.4.0 | |
| backgroundColor | string | 是 | 背景颜色值，有效值为十六进制颜色 | 1.4.0 | |
| duration | number | 0 | 否 | 动画变化时间，单位 ms | 2.32.0 |
| timingFunc | string | linear | 否 | 动画变化方式 | 2.32.0 |
| success | function | 否 | 接口调用成功的回调函数 | 1.4.0 | |
| fail | function | 否 | 接口调用失败的回调函数 | 1.4.0 | |
| complete | function | 否 | 接口调用结束的回调函数（调用成功、失败都会执行） | 1.4.0 |
timingFunc 的合法值
| 值 | 说明 | 最低支持版本 |
|---|---|---|
| linear | 动画从头到尾的速度是相同的 | 2.32.0 |
| easeIn | 动画以低速开始 | 2.32.0 |
| easeOut | 动画以低速结束 | 2.32.0 |
| easeInOut | 动画以低速开始和结束 | 2.32.0 |
回调成功
object 类型，属性如下：
| 属性名 | 类型 | 说明 | 最低支持版本 |
|---|---|---|---|
| errMsg | string | "setNavigationBarColor:ok" | 1.4.0 |
回调失败
object 类型，属性如下：
| 属性名 | 类型 | 说明 | 最低支持版本 |
|---|---|---|---|
| errMsg | string | "setNavigationBarColor:fail " + 详细错误信息 | 1.4.0 |
扫码体验
请使用字节宿主APP扫码
代码示例
tt.setNavigationBarColor({
frontColor: "#ffffff",
backgroundColor: "#ff0000",
success(res) {
console.log(res);
},
fail(res) {
console.log("setNavigationBarColor调用失败");
},
});Bug & Tip
- Tip：如果当前页面不存在导航栏，会调用
success和complete，不会调用fail； - Tip：颜色必须传入完整 6 位 16 进制颜色表达, 避免使用三位缩写, 例如
#fff。
点击纠错
该文档是否对你的开发有所帮助？
有帮助
没帮助
该文档是否对你的开发有所帮助？
有帮助
没帮助