#鸿蒙通关秘籍#如何在HarmonyOS NEXT中控制布局的渲染显示？

在HarmonyOS NEXT中，可以使用if/else和ForEach来控制渲染。以下是通过if/else控制不同组件显示的代码：

@Entry
@Component
struct Index {
  @State type:number=0
  build() {
    Column() {
       if(this.type==0){
         Text('文本')
       }
       else if(this.type==1){
         Button('按钮')
       }
       else{
         TextInput({placeholder:'文本输入框'})
       }

       Button('改变类型').onClick(()=>{
          this.type=++this.type%3
       }).margin({top:100})
    }.width('100%').height('100%').justifyContent(FlexAlign.Center).alignItems(HorizontalAlign.Center)
  }
}

通过改变状态变量type，动态切换显示的组件。