HarmonyOS 如何动态设置Grid的滚动方向？

Question

场景是Grid在条件1时需要横向滚动，条件2时需要竖向滚动。该如何做到条件1时只设置rowsTemplate，条件2时只设置columnsTemplate？我尝试了动态设置属性、设置参数为空字符串均没有实现效果

Answer 1

可以用if-else来做判断显示横向滚动还是竖向滚动

if(判断条件){
  横向滚动组件
}else{
  竖向滚动组件
}

Grid组件rowsTemplate、columnsTemplate同时设置时，滚动将不生效，也可以在Grid组件外套用一层Scroll组件，Grid组件不设置rowsTemplate、columnsTemplate，设置Scroll组件的scrollable属性来控制滚动方向

.scrollable(this.state?ScrollDirection.Vertical:ScrollDirection.Horizontal)