开发
API

tt.setNavigationBarColor

基础库 1.4.0 开始支持本方法,这是一个异步方法。

设置导航栏颜色。

语法

tt.setNavigationBarColor(options)

参数说明

options 为 object 类型,属性如下:

属性名类型默认值必填说明最低支持版本
frontColorstring前景颜色值,包括按钮、标题、状态栏的颜色,只能取 #ffffff#0000001.4.0
backgroundColorstring背景颜色值,有效值为十六进制颜色1.4.0
durationnumber0动画变化时间,单位 ms2.32.0
timingFuncstringlinear动画变化方式2.32.0
successfunction接口调用成功的回调函数1.4.0
failfunction接口调用失败的回调函数1.4.0
completefunction接口调用结束的回调函数(调用成功、失败都会执行)1.4.0

timingFunc 的合法值

说明最低支持版本
linear动画从头到尾的速度是相同的2.32.0
easeIn动画以低速开始2.32.0
easeOut动画以低速结束2.32.0
easeInOut动画以低速开始和结束2.32.0

回调成功

object 类型,属性如下:

属性名类型说明最低支持版本
errMsgstring"setNavigationBarColor:ok"1.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
点击纠错
该文档是否对你的开发有所帮助?
有帮助
没帮助
该文档是否对你的开发有所帮助?
有帮助
没帮助