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

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

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
相关问题
如何获取状态栏导航高度
2829浏览 • 1回复 待解决
鸿蒙如何获取导航状态栏高度
11248浏览 • 1回复 待解决
如何获取系统导航状态栏高度
686浏览 • 1回复 待解决
获取状态栏导航高度
506浏览 • 1回复 待解决
如何获取状态栏导航高度?
13浏览 • 0回复 待解决
如何设置沉浸式状态栏
2440浏览 • 1回复 待解决
设置状态栏颜色不起作用怎么回事?
2319浏览 • 1回复 待解决
状态栏设置颜色失效该怎么办啊?
1821浏览 • 1回复 待解决
HarmonyOS 修改状态栏颜色不生效
172浏览 • 1回复 待解决
鸿蒙怎么 修改状态栏字体颜色
12191浏览 • 1回复 待解决
ets开发如何设置隐藏状态栏
3272浏览 • 1回复 待解决
状态栏底部触控高度获取
626浏览 • 2回复 待解决
应用如何设置隐藏顶部状态栏
2303浏览 • 1回复 待解决