0.0.9 • Published 4 years ago

react-virtualized-scroll v0.0.9

Weekly downloads
1
License
MIT
Repository
-
Last release
4 years ago

react-virtualized-scroll

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

github issues forks stars npm downloads npm bundle size license github last commit

avatar

简介

  • 搭配 typescriptreact-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
0.0.9

4 years ago

0.0.8

4 years ago

0.0.7

4 years ago

0.0.5

4 years ago

0.0.4

4 years ago

0.0.6

4 years ago

0.0.3

4 years ago

0.0.2

4 years ago

0.0.1

4 years ago