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

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

HarmonyOS

zbw_apple

2天前

浏览

回答 1

待解决

回答 1

按赞同

按时间

superinsect

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

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

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

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

2天前

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

发布

相关问题

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

147浏览 • 1回复待解决

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

45浏览 • 1回复待解决

HarmonyOS web组件滚动方向判断

46浏览 • 1回复待解决

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

2667浏览 • 1回复待解决

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

68浏览 • 1回复待解决

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

135浏览 • 1回复待解决

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

21浏览 • 1回复待解决

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

51浏览 • 1回复待解决

HarmonyOS Grid如何设置分割线

59浏览 • 1回复待解决

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

42浏览 • 1回复待解决

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

52浏览 • 1回复待解决

如何设置屏幕方向为横屏

1315浏览 • 1回复待解决

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

96浏览 • 1回复待解决

HarmonyOS Tabs如何设置不自动滚动

52浏览 • 1回复待解决

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

2273浏览 • 1回复待解决

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

200浏览 • 1回复待解决

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

905浏览 • 1回复待解决

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

118浏览 • 1回复待解决

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

95浏览 • 1回复待解决

HarmonyOS 动态设置json的key

72浏览 • 1回复待解决

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

133浏览 • 1回复待解决

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

82浏览 • 1回复待解决

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

118浏览 • 1回复待解决

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

29浏览 • 1回复待解决

#鸿蒙通关秘籍#如何设置WaterFlow组件的布局方向和间距？

109浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

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

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