在鸿蒙开发中，如何实现应用的暗黑模式？

Question

在鸿蒙开发中，如何实现应用的暗黑模式？
本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

暗黑模式是现代应用的常见特性，可以减少屏幕亮度对眼睛的影响。在ArkTS中，你可以监听系统的主题变化并相应地调整应用的样式。

@Entry
@Component
struct Index {
  @State isDarkMode: boolean = false;

  onSystemThemeChange() {
    // 监听系统主题变化的逻辑
    this.isDarkMode = /* 系统当前是否为暗黑模式 */;
  }

  build() {
    Column() {
      Text('Hello, world!')
        .fontSize(30)
        .fontWeight(FontWeight.Bold)
        .color(this.isDarkMode ? '#ffffff' : '#000000')
      
      // 其他 UI 组件...
    }
    .width('100%')
    .height('100%')
    .backgroundColor(this.isDarkMode ? '#121212' : '#ffffff')
  }
}

参见：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides...

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。