react-native-pull-up-down-refresh/RefreshView.js

A smart pull-down-refresh and pull-up-loadmore react-native listview, for ios, written in pure JS, for android, written in JS and Java.

import React, {
    Component,
} from 'react'
import PropTypes from 'prop-types';
import {
    View,
} from 'react-native'

import constants from './constants'

export default class RefreshView extends Component {

    static defaultProps = {
        renderRefreshContent: () => null,
    }

    static propTypes = {
        ...View.propTypes,
        renderRefreshContent: PropTypes.func,
    }

    constructor (props) {
        super(props)
        this.state = {
            pullState: props.viewType == constants.refreshViewType.header ? constants.viewState.refresh_none : constants.viewState.load_more_none,
            pullDistancePercent: 0,
        }
    }

    setNativeProps (props) {
        this._refreshView.setNativeProps(props)
    }

    render () {
        return (
            <View ref={ component => this._refreshView = component } {...this.props}>
                {this.props.renderRefreshContent(this.state)}
            </View>
        )
    }

}