虚拟项

该 VirtualItem 对象表示虚拟化器返回的单个项目。它包含在虚拟化器的 scrollElement 内渲染该项目所需的坐标空间信息以及其他有用的属性/函数。

export interface VirtualItem {
  key: string | number | bigint
  index: number
  start: number
  end: number
  size: number
}

export interface VirtualItem {
  key: string | number | bigint
  index: number
  start: number
  end: number
  size: number
}

每个 VirtualItem 对象都提供以下属性和方法

key: string | number | bigint

key: string | number | bigint

项目的唯一键。默认情况下，这是项目索引，但应通过 getItemKey 虚拟化器选项进行配置。

index: number

index: number

项目的索引。

start: number

start: number

项目的起始像素偏移量。这通常映射到 css 属性或 transform，如 top/left 或 translateX/translateY。

end: number

end: number

项目的结束像素偏移量。此值对大多数布局来说不是必需的，但可能会有所帮助，因此我们仍然提供它。

size: number

size: number

项目的大小。这通常映射到 css 属性，如 width/height。在项目通过 VirtualItem.measureElement 方法测量之前，它将是您从 estimateSize 虚拟化器选项返回的估计大小。在测量项目之后（如果您选择测量它），此值将是您从 measureElement 虚拟化器选项返回的数字（默认情况下，它配置为使用 getBoundingClientRect() 测量元素）。

lane: number

lane: number

项目的车道索引。在常规列表中，它将始终设置为 0，但对于瀑布流布局（请参阅变量示例了解更多详细信息）会很有用。