VirtualList 虚拟滚动列表

  • key-0

简单用法

使用 VirtualList 最简单的例子。



  • key-50

设置初始位置

使用 jumpIndex 设置初始位置



  • key-20

不等高的 item

使用 jumpIndex 设置初始位置, 并设置 itemSizeGetter

API

VirtualList

参数说明类型默认值
children渲染的子节点any-
minSize最小加载数量Number1
pageSize一屏数量Number10
itemsRenderer父渲染函数,默认为 (items, ref) => <ul ref={ref}>{items}</ul>
签名 :
Function() => void
Function(items, ref) => <ul ref={ref}>{items}</ul>
threshold缓冲区高度Number100
itemSizeGetter获取item高度的函数

签名:
Function() => void
Function-
jumpIndex设置跳转位置,需要设置 itemSizeGetter 才能生效, 不设置认为元素等高并取第一个元素高度作为默认高Number0