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

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
星辰绘XML

仅需设置Grid的rowsTemplate属性值即可实现横向可滚动的网格布局。例如,若网格布局超出组件宽度后,Grid能够横向滚动展示内容,只需不设置columnsTemplate属性,展示内容便可以自动横向滚动。 bash @Entry @Component struct Shopping { @State services: Array<string> = ['直播', '进口']

build() { Column({ space: 5 }) { Grid() { ForEach(this.services, (service: string, index) => { GridItem() { } .width('25%') }, (service:string):string => service) } .rowsTemplate('1fr 1fr') .rowsGap(15) } } }

分享
微博
QQ
微信
回复
2天前
相关问题
【急】鸿蒙UI界面网格布局怎么设置?
16471浏览 • 4回复 待解决
HarmonyOS 移动GridItemGrid组件
244浏览 • 1回复 待解决
HarmonyOS Grid横向滑动
380浏览 • 1回复 待解决
JS如开发一个横向拖动表格
6342浏览 • 1回复 待解决