Skip to content
master
Go to file
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
Dec 28, 2017
Dec 28, 2017
Aug 7, 2016
Nov 21, 2016
Nov 26, 2017
Nov 25, 2017

README.md

react-pullrefresh

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

Demo

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

Install

npm install react-pullrefresh

Usage

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
async function onRefresh() {
  //...some async function
}
style

container style.

default: undefined

Removed props

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

License

MIT

You can’t perform that action at this time.