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

@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)
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.