在HarmonyOS NEXT开发中单页面如何控制状态栏字体颜色？

Question

在HarmonyOS NEXT开发中单页面如何控制状态栏字体颜色？

Answer 1

状态栏字体颜色可通过设置statusBarContentColor修改，参考文档如下：https://developer.huawei.com/consumer/cn/doc/harmonyos-refere...
参考代码：

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) 
  } 
}