我们在HarmonyOS开发中，如何主题切换功能？

Question

我们在HarmonyOS开发中，如何主题切换功能？
本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

使用状态变量来管理当前主题，并根据主题渲染不同的样式。

@Entry
@Component
struct ThemeSwitcherComponent {
  @State isDarkTheme: boolean = false;

  toggleTheme() {
    this.isDarkTheme = !this.isDarkTheme;
  }

  build() {
    Column() {
      if (this.isDarkTheme) {
        Text('当前主题：深色')
          .color('#FFFFFF');
      } else {
        Text('当前主题：浅色')
          .color('#000000');
      }
      Button('切换主题').onClick(() => this.toggleTheme());
    }
    .background(this.isDarkTheme ? '#000000' : '#FFFFFF');
  }
}

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