react-virtualized-scroll

虚拟滚动搭配上拉下滑加载的scroll组件

简介

• 搭配 typescript 和 react-hooks 编写的虚拟滚动组件
• 基于 react-virtualized 进行再封装。
• 暴露了 react-virtualized 的 ref，可调用 react-virtualized 的方法
• 除了渲染列表，你还可以传入其他的子组件（如悬浮球~等），只需要把定位设为 fixed

安装导入

cnpm i react-virtualized react-virtualized-scroll --save

import ReactVirtualizedScroll from 'react-virtualized-scroll'

使用

    <ReactVirtualizedScroll
        onPullDown={handlePullDown}
        onPullUp={handlePullUp}
        hasMore={hasMore}
        data={data}
        row={Row}
        height={"100vh"}
        width={"100vw"}
        onScroll={onScroll}
        info={info}
        logo={logo}>
        <div style="position: fixed;top: 50%">fixed element</div>
    </ReactVirtualizedScroll>

属性

logo属性（字符串，图片等等，只要是JSX.Element即可）

| 属性 | 说明 | | ---------------- | --------------------- | | pulldown_loading | 下拉加载 loading 的 logo | | pulldown_success | 下拉加载 成功 的 logo | | pullup_loading | 上滑加载 loading 的 logo | | pullup_success | 上滑加载 成功 的 logo |