HarmonyOS 如何实现动态添加组件到page？

Question

@Component
export struct TestPage {
   build() {
       Column() {
          Text('hello world~')
     }
  } 
}
addView(){
}

希望通过addView这样的函数动态添加一个组件例如Image()到TestPage的Column布局组件里 ，是否可以做到？

Answer 1

动态添加组件有如下方案：

方案一：使用if else 来控制https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-rendering-control-ifelse-V5\#使用if进行条件渲染方案二：使用NodeContainer来实现 https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-arkui-nodecontroller-V5

方案三：封装全局@Builder https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-wrapbuilder-V5

建议尝试方案三：封装全局@Builder。