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