react-pullrefresh

react component pull to refresh navigation

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
react-pullrefresh
61142.0.0-alpha.16 years ago8 years agoMinified + gzip package size for react-pullrefresh in KB

Readme

react-pullrefresh
Pull to reflesh material design component.
react-native is supported.

Demo

https://yusukeshibata.github.io/react-pullrefresh/

Install

```sh npm install react-pullrefresh ```

Usage

```javascript import PullRefresh from 'react-pullrefresh'
class App extends Component {
// onRefresh function canbe async/sync
async onRefresh() {
  await someAsyncFunction()
}
// Without children PullRefresh element observe document.body's scroll
render() {
  return (
      <PullRefresh
        onRefresh={::this.onRefresh}
      >
        {range(100).map(i => {
          return (
              <div key={i} className='row'>{i}</div>
              )
        })}
      </PullRefresh>
      )
}
}
export default App
#### Behaviour difference between v1/v2

TODO:

#### Props

##### render 

TODO:


##### color 

default: `#787878`

##### bgColor 

default: `#ffffff`

##### disabled

disable component

default: `false`

##### zIndex

specify css z-index.

default: `undefined`

##### onRefresh

```javascript
async function onRefresh() {
  //...some async function
}
style
container style.
default: undefined

Removed props

  • size
  • offset
  • max
  • waitingComponent
  • pullingComponent
  • pulledComponent
  • supportDesktop

License

MIT