我们在HarmonyOS开发中，如何实现题和样式的动态切换？？

Question

我们在HarmonyOS开发中，如何实现条件渲染？
本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

@Entry
@Component
struct MyComponent {
    @State private isDarkMode = false;

    build() {
        Theme({
            isDarkMode: this.isDarkMode,
            onThemeChange: (newTheme) => {
                this.isDarkMode = newTheme === 'dark';
            }
        })
        Column() {
            Text('Hello, HarmonyOS!').fontSize(20).fontWeight(FontWeight.Bold).color(this.isDarkMode ? 'white' : 'black')
            Button('Toggle Theme')
                .onClick(() => {
                    theme.toggleTheme();
                })
        }
    }
}

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