VirtualItem

VirtualItem 对象表示 virtualizer 返回的单个项目。它包含在 virtualizer 的 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 Virtualizer 选项进行配置。

index: number

index: number

项目的索引。

start: number

start: number

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

end: number

end: number

项目的结束像素偏移量。此值对于大多数布局不是必需的，但可能很有用，因此我们无论如何都提供了它。

size: number

size: number

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

lane: number

lane: number

项目的通道索引。在常规列表中，它将始终设置为 0，但对于 masonry 布局很有用（有关更多详细信息，请参阅 variable 示例）。