#鸿蒙通关秘籍#如何在HarmonyOS NEXT中使用条件渲染控制界面显示?

HarmonyOS
7h前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
hm673ff05a1270a

在HarmonyOS NEXT中,可以通过ArkTS提供的渲染控制功能实现条件渲染。使用ifelseelse if状态来控制UI组件的显示。

@Entry
@Component
struct Index {
  @State counter: number = 0;
  build() {
    Column({space: 10}){
      Text(`counter=${this.counter}`)
      Row(){
        if(this.counter===0){
          Text(`counter===0,不展示归零按钮`);
        }else{
          Button('归零').onClick(()=>{
            this.counter=0
          })
        }
      }
      Row(){
        Button('counter++')
          .onClick(()=>{
            this.counter++
          })
      }
    }
  }
}

通过这个代码示例,实现了根据counter值的不同,决定是否展示“归零”按钮。


分享
微博
QQ
微信
回复
6h前
相关问题