tt.setNavigationBarColor
基础库 1.4.0 开始支持本方法,导航栏默认为白色背景, 黑色标题。
设置导航栏颜色。
语法
tt.setNavigationBarColor(options)
参数说明
options
options 为 object 类型,属性如下:
属性名 | 类型 | 默认值 | 必填 | 说明 | 最低支持版本 |
---|---|---|---|---|---|
frontColor | string | 是 | 前景颜色值,包括按钮、标题、状态栏的颜色,只能取 #ffffff 和 #000000 | 1.4.0 | |
backgroundColor | string | 是 | 背景颜色值,有效值为十六进制颜色 | 1.4.0 | |
success | Function | 否 | 接口调用成功的回调函数 | 1.4.0 | |
fail | Function | 否 | 接口调用失败的回调函数 | 1.4.0 | |
complete | Function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) | 1.4.0 |
回调成功
参数为 object 类型,属性如下:
参数 | 参数类型 | 说明 | 最低支持版本 |
---|---|---|---|
errMsg | string | 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
。
点击纠错
评价此篇文档