pull-to-refresh-react

Install

npm i pull-to-refresh-react

Link Demo (Turn on mobile mode)

NPM

Github

Usage

import React, { Component } from 'react'
import PullToRefresh from "pull-to-refresh-react";
class App extends Component {
 onRefresh() {
 return new Promise((resolve, reject) => {
 setTimeout(() => {
 resolve();
 }, 5000);
 });
 }
 test() {
 alert("click");
 }
 render() {
 return (
 <PullToRefresh
 options={{ pullDownHeight: 100 }}
 onRefresh={this.onRefresh}
 >
 <div
 style={{
 height: "500px",
 width: "100%",
 backgroundColor: "blur",
 display: "flex",
 flexDirection: "column",
 justifyContent: "center",
 alignItems: "center"
 }}
 >
 <div>Nguyen Manh Cuong - CuongStf</div>
 <button
 style={{ border: "1px solid black" }}
 onClick={() => this.test()}
 >
 Event Disabled when refreshing
 </button>
 </div>
 </PullToRefresh>
 );
 }
}

Prop

Resource

License