react-native-pull-up-down-refresh/ListItem-android.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,
    requireNativeComponent,
    Platform,
} from 'react-native'

export default class ListItem extends Component {


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

    constructor(props) {
        super(props)
        this.state = {
            hidden: true,
        }
    }

    render() {
        //console.log(`rowID = ${this.props.rowID} -> hidden = ${this.state.hidden}`)
        //return (
        //    <NativeListItem {...this.props} onWindowVisibilityChange={this._onWindowVisibilityChange}>
        //        {!this.state.hidden ? this.props.children : null}
        //    </NativeListItem>
        //)
        return (
            <NativeListItem
                ref={ component => this._nativeComponent = component }
                {...this.props}
                onWindowVisibilityChange={this._onWindowVisibilityChange}>
                {this.props.renderChildren ?
                        this.props.renderChildren.call(this, this.state.hidden)
                        : !this.state.hidden ? this.props.children : null}
            </NativeListItem>
        )
    }

    _onWindowVisibilityChange = (e) => {
        let hidden = e.nativeEvent.hidden
        //console.log(`hidden = ${hidden}`)
        this.setState({
            hidden,
        })
    }
}

const NativeListItem = Platform.OS == 'ios' ? View : requireNativeComponent('RCTLazyLoadView', ListItem)