我们在HarmonyOS开发中，如何进行条件渲染？

Question

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

Answer 1

ArkTS支持条件渲染，允许根据条件显示不同的UI组件。

@Entry
@Component
struct Index {
  @State showGreeting: boolean = true;

  build() {
    return (
      <UI.Page>
        {this.showGreeting ? <UI.Label text="Hello, HarmonyOS!" /> : null}
        <UI.Button
          text="Toggle Greeting"
          onClick={() => {
            this.showGreeting = !this.showGreeting;
          }}
        />
      </UI.Page>
    );
  }
}

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