Skip to content
Theme color
Gray color
AppearanceSizeSmall(1)Medium(2)Large(3)Radius
none
small
medium
large
full
Scale90%95%100%105%110%

Highly Highly Highly experimental

基本使用

虚拟项推荐使用绝对定位进行渲染,性能更佳。若因布局限制无法使用绝对定位,则可以添加staticPosition属性,其会自动给包裹的元素设置 transform,当然你可以给自行所有元素设置 transform

绝对定位
Row 0 Height: 115px
Row 1 Height: 83px
Row 2 Height: 63px
Row 3 Height: 94px
Row 4 Height: 114px
Row 5 Height: 72px
Row 6 Height: 62px
Row 7 Height: 74px
Row 8 Height: 103px
Row 9 Height: 94px

静态定位:添加staticPosition

Row 0 Height: 115px
Row 1 Height: 83px
Row 2 Height: 63px
Row 3 Height: 94px
Row 4 Height: 114px
Row 5 Height: 72px
Row 6 Height: 62px
Row 7 Height: 74px
Row 8 Height: 103px
Row 9 Height: 94px

静态定位2:自行设置transform

Row 0 Height: 115px
Row 1 Height: 83px
Row 2 Height: 63px
Row 3 Height: 94px
Row 4 Height: 114px
Row 5 Height: 72px
Row 6 Height: 62px
Row 7 Height: 74px
Row 8 Height: 103px
Row 9 Height: 94px

虚拟纵向瀑布流

通过lanes属性设置固定的列数,渲染项使用绝对定位按如下示例便可实现瀑布流的效果

Index: 0, size: 63
Index: 1, size: 127
Index: 2, size: 173
Index: 3, size: 123
Index: 4, size: 126
Index: 5, size: 79
Index: 6, size: 136
Index: 7, size: 215
Index: 8, size: 199
Index: 9, size: 185
Index: 10, size: 248
Index: 11, size: 195
Index: 12, size: 132
Index: 13, size: 150
Index: 14, size: 197