Window scroller component for react-window
npm install react-window-scroller> Window scroller component for react-window
  
``bash`
yarn add react-window-scroller
Check out the examples: https://federicodirosa.github.io/react-window-scroller
With a List component:
`jsx
import React from 'react'
import { FixedSizeList as List } from 'react-window'
import { ReactWindowScroller } from 'react-window-scroller'
const App = () => (
{({ ref, outerRef, style, onScroll }) => (
outerRef={outerRef}
style={style}
height={window.innerHeight}
itemCount={1000}
itemSize={100}
onScroll={onScroll}
>
{Row}
)}
)
`
With a Grid component:
`jsx
import React from 'react'
import { VariableSizeGrid as Grid } from 'react-window'
import { ReactWindowScroller } from 'react-window-scroller'
const App = () => (
{({ ref, outerRef, style, onScroll }) => (
outerRef={outerRef}
style={style}
height={window.innerHeight}
width={window.innerWidth}
columnCount={1000}
columnWidth={(index) => columnWidths[index]}
rowCount={1000}
rowHeight={(index) => rowHeights[index]}
onScroll={onScroll}
>
{Cell}
)}
)
`
| Prop name | Type | Description | Default |
| ---------------- | -------- | ------------------------------------------------------------------------------------------ | --------- |
| children | function | Render props function called with 4 props: ref, outerRef, style and onScroll` | undefined |
| throttleTime | number | Timing (ms) for the throttle on window scroll event handler | 10 |
| isGrid | boolean | Set to true if rendering a react-window Grid component (FixedSizeGrid or VariableSizeGrid) | false |
MIT © FedericoDiRosa