Nuke Pluto and Mars

    react-pullrefresh

    2.0.0-alpha.1 • Public • Published

    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

    Install

    npm i react-pullrefresh

    DownloadsWeekly Downloads

    374

    Version

    2.0.0-alpha.1

    License

    MIT

    Last publish

    Collaborators

    • yusukeshibata