跳到主要内容
版本:3.x

GridView

网格布局容器,仅支持作为 scroll-view 自定义模式下的直接子节点或 sticky-section 组件直接子节点。仅 Skyline 支持。

支持情况:

参考文档

类型

ComponentType<GridViewProps>

GridViewProps

参数类型默认值必填说明
typestring"aligned"布局方式。masonry - 瀑布流,根据子元素高度自动布局。 aligned - 每行高度由同一行中最大高度子节点决定。
crossAxisCountnumber2交叉轴元素数量
mainAxisGapnumber0主轴方向间隔
crossAxisGapnumber0交叉轴方向间隔
maxCrossAxisExtentnumber0交叉轴元素最大范围

API 支持度

API微信小程序H5React NativeHarmony
GridViewProps.type✔️
GridViewProps.crossAxisCount✔️
GridViewProps.mainAxisGap✔️
GridViewProps.crossAxisGap✔️
GridViewProps.maxCrossAxisExtent✔️