> 文档中心 > 鸿蒙ArkUI设置状态栏颜色 JS 版本

鸿蒙ArkUI设置状态栏颜色 JS 版本

之前找到的是通过java代码设置鸿蒙ArkUI的状态栏颜色。
不过用的是js写的代码,感觉不太好,还是用纯js写的比较合适。
偶然发现其实也是可以通过js设置的。
java的设置方式如下:

// 在 public class MainAbility extends AceAbility { 这个函数中添加如下代码 Window window = getWindow(); window.setStatusBarColor(Color.WHITE.getValue()); window.setStatusBarVisibility(Component.VISIBLE);

写js比较多,感觉写java总是那么的不太想写,还要查各种东西,比较麻烦。
js的文档 https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-apis-window-0000001333800489#ZH-CN_TOPIC_0000001333800489__windowgettopwindow
引入window并且设置相应的状态栏颜色。

// 可以写在app.js的onCreate中// 首先引入 windowimport window from '@ohos.window';// 再次配置window.getTopWindow((err, w) => {    w.setSystemBarProperties({ statusBarColor: "#ffffff" // 设置成白色    })})

整体代码如下:

import window from '@ohos.window';export default {    onCreate() { window.getTopWindow((err, w) => {     w.setSystemBarProperties({  statusBarColor: "#ffffff"     }) })    },    onDestroy() { console.info('AceApplication onDestroy');    }};

完成,总体上感觉鸿蒙的文档没有微信小程序的好懂,还是要开发的时候多翻看一下。相关的文档有点不太好找。