Skip to content

nikifilini/react-virtual-list

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Example

const TestComponent = () => {
  const items = [1, 2, 3, 4, 5]

  return (
    <React.Fragment>
      <VirtualList items={items} itemHeight={0} itemBuffer={0}>
        {({ virtual, itemHeight }, scrollableRef, ref) => (
          <div style={{ overflowY: 'auto' }} ref={scrollableRef}>
            <div ref={ref} style={virtual.style}>
              {virtual.items.map((item) => (
                <div style={{ height: itemHeight }}>{item}</div>
              ))}
            </div>
          </div>
        )}
      </VirtualList>
    </React.Fragment>
  )
}

Packages

No packages published

Languages

  • JavaScript 72.5%
  • TypeScript 27.5%