react-tiny-virtual-list
- Version 2.2.0
- Published
- 117 kB
- 1 dependency
- MIT license
Install
npm i react-tiny-virtual-listyarn add react-tiny-virtual-listpnpm add react-tiny-virtual-listOverview
A tiny but mighty list virtualization component, with zero dependencies 💪
Index
Classes
Interfaces
Enums
Type Aliases
Classes
class VirtualList
class VirtualList extends React.PureComponent<Props, State> {}property defaultProps
static defaultProps: { overscanCount: number; scrollDirection: DIRECTION; width: string;};property itemSizeGetter
itemSizeGetter: (itemSize: ItemSize) => (index: any) => any;property propTypes
static propTypes: { estimatedItemSize: PropTypes.Requireable<any>; height: PropTypes.Validator<any>; itemCount: PropTypes.Validator<any>; itemSize: PropTypes.Validator<any>; onScroll: PropTypes.Requireable<any>; onItemsRendered: PropTypes.Requireable<any>; overscanCount: PropTypes.Requireable<any>; renderItem: PropTypes.Validator<any>; scrollOffset: PropTypes.Requireable<any>; scrollToIndex: PropTypes.Requireable<any>; scrollToAlignment: PropTypes.Requireable<any>; scrollDirection: PropTypes.Requireable<any>; stickyIndices: PropTypes.Requireable<any>; style: PropTypes.Requireable<any>; width: PropTypes.Requireable<any>;};property sizeAndPositionManager
sizeAndPositionManager: SizeAndPositionManager;property state
readonly state: State;method componentDidMount
componentDidMount: () => void;method componentDidUpdate
componentDidUpdate: (_: Props, prevState: State) => void;method componentWillReceiveProps
componentWillReceiveProps: (nextProps: Props) => void;method componentWillUnmount
componentWillUnmount: () => void;method getOffsetForIndex
getOffsetForIndex: ( index: number, scrollToAlignment?: ALIGNMENT | undefined, itemCount?: number) => number;method recomputeSizes
recomputeSizes: (startIndex?: number) => void;method render
render: () => JSX.Element;method scrollTo
scrollTo: (value: number) => void;Interfaces
interface ItemStyle
interface ItemStyle {}property height
height?: number;property left
left: number;property marginBottom
marginBottom?: number;property marginLeft
marginLeft?: number;property marginRight
marginRight?: number;property marginTop
marginTop?: number;property position
position: ItemPosition;property top
top?: number;property width
width: string | number;property zIndex
zIndex?: number;interface Props
interface Props {}property className
className?: string;property estimatedItemSize
estimatedItemSize?: number;property height
height: number | string;property itemCount
itemCount: number;property itemSize
itemSize: ItemSize;property overscanCount
overscanCount?: number;property scrollDirection
scrollDirection?: DIRECTION;property scrollOffset
scrollOffset?: number;property scrollToAlignment
scrollToAlignment?: ALIGNMENT;property scrollToIndex
scrollToIndex?: number;property stickyIndices
stickyIndices?: number[];property style
style?: React.CSSProperties;property width
width?: number | string;method onItemsRendered
onItemsRendered: ({ startIndex, stopIndex }: RenderedRows) => void;method onScroll
onScroll: (offset: number, event: UIEvent) => void;method renderItem
renderItem: (itemInfo: ItemInfo) => React.ReactNode;interface RenderedRows
interface RenderedRows {}property startIndex
startIndex: number;property stopIndex
stopIndex: number;interface State
interface State {}property offset
offset: number;property scrollChangeReason
scrollChangeReason: SCROLL_CHANGE_REASON;Enums
enum ScrollDirection
enum ScrollDirection { HORIZONTAL = 'horizontal', VERTICAL = 'vertical',}member HORIZONTAL
HORIZONTAL = 'horizontal'member VERTICAL
VERTICAL = 'vertical'Type Aliases
type ItemPosition
type ItemPosition = 'absolute' | 'sticky';Package Files (2)
Dependencies (1)
Dev Dependencies (31)
- @types/jest
- @types/prop-types
- @types/react
- @types/react-dom
- awesome-typescript-loader
- babel-cli
- babel-eslint
- babel-jest
- babel-preset-es2015
- babel-preset-react
- babel-preset-typescript
- codecov
- eslint
- eslint-plugin-shopify
- fs-extra
- jest
- nwb
- react
- react-addons-test-utils
- react-dom
- react-test-renderer
- rimraf
- rollup
- rollup-plugin-babel
- rollup-plugin-commonjs
- rollup-plugin-node-resolve
- rollup-plugin-typescript2
- rollup-plugin-uglify
- tslint
- tslint-config-shopify
- typescript
Peer Dependencies (1)
Badge
To add a badge like this oneto your package's README, use the codes available below.
You may also use Shields.io to create a custom badge linking to https://www.jsdocs.io/package/react-tiny-virtual-list.
- Markdown[](https://www.jsdocs.io/package/react-tiny-virtual-list)
- HTML<a href="https://www.jsdocs.io/package/react-tiny-virtual-list"><img src="https://img.shields.io/badge/jsDocs.io-reference-blue" alt="jsDocs.io"></a>
- Updated .
Package analyzed in 875 ms. - Missing or incorrect documentation? Open an issue for this package.
