HarmonyOS 单页面如何控制状态栏字体颜色

HarmonyOS
9h前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

状态栏字体颜色可通过设置statusBarContentColor修改,参考文档如下:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-window-V5

参考代码:

import window from '@ohos.window';
@Entry
@Component
struct Index {
  @State message: string = 'Hello World';
  build() {
    Row() {
      Column() {
        Text(this.message)
          .align(Alignment.Center)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
          .fontColor(Color.White)
        ColumnSplit().height(20)
        Button() {
          Text("点我看效果")
        }
        .width(100)
        .height(50)
        .onClick(() => {
          this.message = "我变了"
          window.getLastWindow(getContext(), (err, data) => {
            let win: window.Window;
            if (err.code) {
              console.error("error code :" + JSON.stringify(err.code))
              return;
            }
            try {
              win = data;
              //设置窗口为全屏模式
              win.setWindowLayoutFullScreen(true);
              // 设置状态栏
              win.setWindowSystemBarProperties({
                // 设置状态栏颜色为其他颜色
                statusBarColor: '#ffe30520',
                // 设置状态栏文本颜色为白色
                statusBarContentColor: '#ffffffff'
              })
              console.info('带状态栏沉浸式窗口设置完成')
            }
            catch (expextion) {
              console.error("error cause :" + JSON.stringify(expextion))
            }
          })
        })
        ColumnSplit().height(20)
      }
      .width('100%')
    }
    .height('100%')
    .backgroundColor(Color.Green)
  }
}
分享
微博
QQ
微信
回复
7h前
相关问题
鸿蒙怎么 修改状态栏字体颜色
12440浏览 • 1回复 待解决
如何设置状态栏和导航颜色
2918浏览 • 1回复 待解决
HarmonyOS 修改状态栏颜色不生效
303浏览 • 1回复 待解决
设置状态栏颜色不起作用怎么回事?
2431浏览 • 1回复 待解决
状态栏设置颜色失效该怎么办啊?
1952浏览 • 1回复 待解决
HarmonyOS 如何获取状态栏高度
607浏览 • 1回复 待解决
HarmonyOS 下拉如何隐藏状态栏
3浏览 • 0回复 待解决
HarmonyOS 沉浸式状态栏
105浏览 • 1回复 待解决