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组件如何设置滚动方向与滚动效果

1599浏览 • 1回复待解决

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

1024浏览 • 1回复待解决

HarmonyOS web组件滚动方向判断

822浏览 • 1回复待解决

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

1001浏览 • 1回复待解决

HarmonyOS Grid如何设置分割线

1143浏览 • 1回复待解决

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

1173浏览 • 1回复待解决

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

3877浏览 • 1回复待解决

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

1162浏览 • 1回复待解决

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

2886浏览 • 1回复待解决

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

1235浏览 • 1回复待解决

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

1231浏览 • 1回复待解决

如何设置屏幕方向为横屏

3187浏览 • 1回复待解决

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

1441浏览 • 1回复待解决

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

945浏览 • 1回复待解决

HarmonyOS Tabs如何设置不自动滚动

968浏览 • 1回复待解决

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

1934浏览 • 1回复待解决

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

4207浏览 • 1回复待解决

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

1733浏览 • 1回复待解决

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

996浏览 • 1回复待解决

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

2025浏览 • 1回复待解决

HarmonyOS 动态设置json的key

857浏览 • 1回复待解决

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

1240浏览 • 1回复待解决

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

1479浏览 • 1回复待解决

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

1045浏览 • 1回复待解决

#鸿蒙学习大百科#如何设置List组件的排列方向？

986浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

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

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