Naughty Program Manipulator

    rc-virtual-list

    3.4.8 • Public • Published

    rc-virtual-list

    React Virtual List Component which worked with animation.

    NPM version dumi build status Test coverage node version npm download

    Online Preview

    https://virtual-list-react-component.vercel.app/

    Development

    npm install
    npm start
    open http://localhost:9001/

    Feature

    • Support react.js
    • Support animation
    • Support IE11+

    Install

    rc-virtual-list

    Usage

    import List from 'rc-virtual-list';
    
    <List data={[0, 1, 2]} height={200} itemHeight={30} itemKey="id">
      {index => <div>{index}</div>}
    </List>;

    API

    List

    Prop Description Type Default
    children Render props of item (item, index, props) => ReactElement -
    component Customize List dom element string | Component div
    data Data list Array -
    disabled Disable scroll check. Usually used on animation control boolean false
    height List height number -
    itemHeight Item minium height number -
    itemKey Match key with item string -

    children provides additional props argument to support IE 11 scroll shaking. It will set style to visibility: hidden when measuring. You can ignore this if no requirement on IE.

    Install

    npm i rc-virtual-list

    DownloadsWeekly Downloads

    781,627

    Version

    3.4.8

    License

    MIT

    Unpacked Size

    133 kB

    Total Files

    70

    Last publish

    Collaborators

    • afc163
    • zombiej