0.0.9 • Published 4 years ago
react-virtualized-scroll v0.0.9
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 |