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

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

HarmonyOS

zbw_apple

2024-12-24 15:59:28

浏览

回答 1

待解决

回答 1

按赞同

按时间

superinsect

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

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

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

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

2024-12-24 18:24:34

如何写精华回答，获更多曝光？

发布

相关问题

#鸿蒙通关秘籍#List组件如何设置滚动方向与滚动效果

1524浏览 • 1回复待解决

HarmonyOS Scroll组件不能同时设置垂直和水平方向的滚动

947浏览 • 1回复待解决

HarmonyOS web组件滚动方向判断

760浏览 • 1回复待解决

HarmonyOS Text组件如何设置文字方向

931浏览 • 1回复待解决

Grid嵌套滚动问题有知道的吗？

3818浏览 • 1回复待解决

#鸿蒙通关秘籍#如何利用事件监听Grid的滚动位置？

1098浏览 • 1回复待解决

HarmonyOS Grid如何设置分割线

1036浏览 • 1回复待解决

HarmonyOS 代码中如何设置屏幕旋转方向

2758浏览 • 1回复待解决

HarmonyOS 有没有垂直方向滚动的跑马灯效果组件

1096浏览 • 1回复待解决

HarmonyOS 如何实现一个可以横向滚动的Grid，需要嵌套Scroller吗

1157浏览 • 1回复待解决

HarmonyOS list如何动态滚动到指定位置

1134浏览 • 1回复待解决

如何设置屏幕方向为横屏

3093浏览 • 1回复待解决

#鸿蒙通关秘籍#如何设置Swiper组件的垂直方向轮播？

1348浏览 • 1回复待解决

#鸿蒙通关秘籍#如何设置Flex容器的主轴方向？

908浏览 • 1回复待解决

HarmonyOS Tabs如何设置不自动滚动

870浏览 • 1回复待解决

HarmonyOS Scroll中嵌套Grid组件的时候，Grid必须要设置height高度吗

955浏览 • 1回复待解决

scroll中嵌套一个或多个grid，如何实现嵌套滚动？

3943浏览 • 1回复待解决

#鸿蒙通关秘籍#如何设置Swiper组件的轮播方向为垂直？

1941浏览 • 1回复待解决

HarmonyOS 动态设置json的key

812浏览 • 1回复待解决

如何动态设置组件属性的值

1680浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在鸿蒙开发中实现可滚动的Grid网格布局？

1387浏览 • 1回复待解决

#鸿蒙通关秘籍#如何通过ArkUI的Grid组件构建横向可滚动的网格布局？

1824浏览 • 1回复待解决

HarmonyOS 如何动态设置StatusBar内的字体颜色？

1150浏览 • 1回复待解决

HarmonyOS 如何动态设置颜色的透明度，或者设置argb

992浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在鸿蒙系统中设置FeatureAbility的显示方向？

1204浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

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

订阅鸿蒙技术特刊，精选内容抢先看