1.1.1 • Published 3 years ago
scroll-refresh v1.1.1
使用说明
- npm i scroll-refresh --save 或者 yarn add scroll-refresh
- import ReactPullRefresh from 'scroll-refresh'
import React, { FC, useEffect, useState } from 'react'
import ReactPullRefresh from 'scroll-refresh'
interface testProps {}
const Test: FC<testProps> = (props: testProps) => {
const [ refreshing, setRefreshing ] = useState<boolean>(false)
const [ data, setData ] = useState<number[]>([1,2,3,4,5,6,7,8,9])
let n = 10
return (
<div>
<ReactPullRefresh direction="down" onRefresh={() => {
setRefreshing(true);
setTimeout(() => {
for(let i=n;i<n+20;i++){
data.push(i);
}
n=n+20;
setData(data);
setRefreshing(false);
}, 3000)
}} refreshing={refreshing}>
<ul>
{
data.map((i: number, key: number) => <li key={key}>{i}</li>)
}
</ul>
</ReactPullRefresh>
</div>
)
}
export default Test
- props
- refreshing (是否显示刷新状态) bool
- direction (拉动方向) 'up' | 'down'
- onRefresh (回调函数,触发刷新的回调函数)
- height (固定高度,当高度高于当前dom实际高度时有不可预知的Bug)
- desc (刷新文字描述)
- className (类名)
示例
github
1.1.1
3 years ago
1.1.1-beta
3 years ago
1.1.0
3 years ago
1.0.29
3 years ago
1.0.28
3 years ago
1.0.22
3 years ago
1.0.26
3 years ago
1.0.25
3 years ago
1.0.24
3 years ago
1.0.23
3 years ago
1.0.27
3 years ago
1.0.21
3 years ago
1.0.19
3 years ago
1.0.18
3 years ago
1.0.20
3 years ago
1.0.17
3 years ago
1.0.16
3 years ago
1.0.15
3 years ago
1.0.14
3 years ago
1.0.13
3 years ago
1.0.12
3 years ago
1.0.9
3 years ago
1.0.8
3 years ago
1.0.7
3 years ago
1.0.6
3 years ago
1.0.5
3 years ago
1.0.11
3 years ago
1.0.10
3 years ago
1.0.4
3 years ago
1.0.3
3 years ago
1.0.2
3 years ago
1.0.1
3 years ago
1.0.0
3 years ago