HarmonyOS鸿蒙Next中把标题设置成白色，顶部测试两个改为白色, 文档内写的不清楚

HarmonyOS鸿蒙Next中把标题设置成白色，顶部测试两个改为白色, 文档内写的不清楚 【问题描述】：把标题设置成白色，顶部测试两个改为白色文档内写的不清楚

【问题现象】：模拟器无效果

【版本信息】：DevEco Studio 6.0.0 Release

【复现代码】：

const win = windowStage.getMainWindowSync();
win.setWindowSystemBarProperties({
// statusBarContentColor: "#E5FFFFFF",
navigationBarContentColor: "#FFFFFF"
});

【尝试解决方案】：无

文档链接: https://developer.huawei.com/consumer/cn/doc/harmonyos-references/arkts-apis-window-i#systembarproperties

cke_4887.png

cke_652.png


更多关于HarmonyOS鸿蒙Next中把标题设置成白色，顶部测试两个改为白色, 文档内写的不清楚的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复 
@Builder
NavigationTitle() {
  Column() {
    Text('Title')
      .fontColor('#FF0000')
      .fontSize(30)
      .lineHeight(41)
      .fontWeight(700)

    Text('subtitle')
      .fontColor('#182431')
      .fontSize(14)
      .lineHeight(19)
      .opacity(0.4)
      .margin({ top: 2, bottom: 20 })
  }.alignItems(HorizontalAlign.Start)
}



Navigation() {
}.title(this.NavigationTitle)

cke_2943.png

可以使用这种方式进行修改

更多关于HarmonyOS鸿蒙Next中把标题设置成白色，顶部测试两个改为白色, 文档内写的不清楚的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS Next中，将标题设置为白色可通过修改Text组件的fontColor属性实现，例如fontColor(Color.White)。若需调整顶部状态栏或导航栏文字颜色为白色，需在module.json5配置文件的abilities或module级别中设置"window": { "navigationBarTextStyle": "white" }。具体属性名称可能因API版本略有差异，请以官方最新文档为准。

根据你的代码和截图，问题在于你只设置了 navigationBarContentColor，但状态栏（顶部显示时间、信号的部分）的颜色是通过 statusBarContentColor 属性来控制的。

要使顶部状态栏的文字和图标也变为白色，你需要在 setWindowSystemBarProperties 方法中同时设置 statusBarContentColor 属性。将你注释掉的那行代码恢复，并确保两个颜色值都设置为白色（#FFFFFF）。

修改后的正确代码如下：

const win = windowStage.getMainWindowSync();
win.setWindowSystemBarProperties({
  statusBarContentColor: "#FFFFFF", // 设置状态栏内容颜色为白色
  navigationBarContentColor: "#FFFFFF" // 设置导航栏内容颜色为白色
});

关键点说明：

  1. statusBarContentColor：控制手机顶部状态栏（显示时间、电量、信号的区域）的文字和图标的颜色。
  2. navigationBarContentColor：控制屏幕底部导航栏（通常包含返回、主页、多任务键的区域）的文字和图标的颜色。
  3. 颜色值：#FFFFFF 代表纯白色。#E5FFFFFF 是带透明度（E5）的白色，如果你不需要透明度，直接使用 #FFFFFF 即可。

设置完成后，重新运行应用，顶部状态栏和底部导航栏的内容都应该显示为白色。请确保你的应用窗口背景色较深（如黑色或深色），这样白色文字才会有清晰的对比度。

回到顶部