如何设置状态栏和导航栏的颜色

如何设置状态栏和导航栏的颜色

HarmonyOS
2024-01-31 16:16:02
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
liankou

使用window.setWindowSystemBarProperties()接口即可设置。

示例代码

Text(this.message) 
  .fontSize(50) 
  .fontWeight(FontWeight.Bold) 
  .onClick(()=>{ 
    window.getLastWindow(getContext(this),(err,win)=>{ 
      // TYPE_CUTOUT表示刘海屏区域。 
      let cutOutInfo=win.getWindowAvoidArea(window.AvoidAreaType.TYPE_CUTOUT); 
      console.log(JSON.stringify(cutOutInfo)); 
      // TYPE_SYSTEM 表示系统默认区域。一般包括状态栏、导航栏,各设备系统定义可能不同。 
      let systemArea = win.getWindowAvoidArea(window.AvoidAreaType.TYPE_SYSTEM); 
      console.log(JSON.stringify(systemArea)); 
      // 设置导航栏状态栏颜色 
      win.setWindowSystemBarProperties({ 
        // 状态栏颜色 
        statusBarColor:'#66666666', 
        // 状态栏文字颜色 
        statusBarContentColor:'#ffffffff', 
        // 导航栏颜色 
        navigationBarColor:'#ff000000', 
        // 导航栏文字颜色 
        navigationBarContentColor:'#ffffffff' 
      }) 
    }) 
  })
分享
微博
QQ
微信
回复
2024-02-01 19:26:36
相关问题
如何获取状态栏导航高度
4282浏览 • 1回复 待解决
HarmonyOS 如何设置状态栏颜色
2629浏览 • 1回复 待解决
鸿蒙如何获取导航状态栏高度
12656浏览 • 1回复 待解决
如何获取系统导航状态栏高度
2314浏览 • 1回复 待解决
HarmonyOS 动态设置状态栏颜色
1237浏览 • 1回复 待解决
HarmonyOS 状态栏图标颜色设置
1261浏览 • 1回复 待解决
HarmonyOS 状态栏怎么设置颜色
1065浏览 • 1回复 待解决
获取状态栏导航高度
2031浏览 • 1回复 待解决
如何获取状态栏导航高度?
1594浏览 • 0回复 待解决
HarmonyOS 状态栏颜色如何修改
3308浏览 • 1回复 待解决