Legend List
Engine Simulator
Drag the minimap or scroll slider to simulate scroll position
Props
data.length
50
estimatedItemSize
60
numColumns
1
drawDistance
250
initialContainerPoolRatio
1.5
Variable item sizes
Environment
(from layout, not props)
viewport height
600
headerSize
0
stylePaddingTop
0
Scroll State
scroll position
0
scroll speed (direction)
↑ Up
● Stop
↓ Down
Minimap
Containers
—
Viewport View
In viewport
drawDistance zone
maxVisibleArea
Not rendered
Container Allocation
numContainers
—
numContainersPooled
—
averageItemSize
—
Scroll Zones
scrollBufferTop
—
scrollBufferBottom
—
scrollTopBuffered
—
scrollBottomBuffered
—
maxVisibleArea
—
Content Size
totalSize
—
contentSize
—
alignItemsPaddingTop
—
Items In Range
in viewport
—
in drawDistance
—
in maxVisibleArea
—
total items
—
Formula Reference
numContainers
=
ceil(((scrollLength − headerSize
+ drawDistance×2) / avgItemSize) × numCols)
Buffer Asymmetry
—