开发
API

tt.setNavigationBarColor

基础库 1.4.0 开始支持本方法,导航栏默认为白色背景, 黑色标题。

设置导航栏颜色。

语法

tt.setNavigationBarColor(options)

参数说明

options

options 为 object 类型,属性如下:

属性名类型默认值必填说明最低支持版本
frontColorstring前景颜色值,包括按钮、标题、状态栏的颜色,只能取 #ffffff#0000001.4.0
backgroundColorstring背景颜色值,有效值为十六进制颜色1.4.0
successFunction接口调用成功的回调函数1.4.0
failFunction接口调用失败的回调函数1.4.0
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)1.4.0

回调成功

参数为 object 类型,属性如下:

参数参数类型说明最低支持版本
errMsgstring1.4.0

回调失败

参数为 object 类型,属性如下:

参数参数类型说明最低支持版本
errMsgstring"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:如果当前页面不存在导航栏,会调用 successcomplete,不会调用 fail
  • Tip:颜色必须传入完整 6 位 16 进制颜色表达, 避免使用三位缩写, 例如 #fff
点击纠错
评价此篇文档