react-native-refresh-loadmore-recyclerlistview/dist/platform/reactnative/viewrenderer/ViewRenderer.js

The listview that you need and deserve. It was built for performance, uses cell recycling to achieve smooth scrolling.

import * as React from "react";
import { View } from "react-native";
import BaseViewRenderer from "../../../core/viewrenderer/BaseViewRenderer";
export default class ViewRenderer extends BaseViewRenderer {
    constructor(props) {
        super(props);
        this._dim = { width: 0, height: 0 };
        this._viewRef = null;
        this._onLayout = this._onLayout.bind(this);
        this._setRef = this._setRef.bind(this);
    }
    render() {
        return this.props.forceNonDeterministicRendering ? (<View ref={this._setRef} onLayout={this._onLayout} style={{
            flexDirection: this.props.isHorizontal ? "column" : "row",
            left: this.props.x,
            position: "absolute",
            top: this.props.y,
        }}>
                {this.renderChild()}
            </View>) : (<View ref={this._setRef} style={{
            left: this.props.x,
            position: "absolute",
            top: this.props.y,
            height: this.props.height,
            width: this.props.width,
        }}>
                    {this.renderChild()}
                </View>);
    }
    getRef() {
        return this._viewRef;
    }
    _setRef(view) {
        this._viewRef = view;
    }
    _onLayout(event) {
        const xDiff = Math.abs(this.props.x - event.nativeEvent.layout.x), yDiff = Math.abs(this.props.y - event.nativeEvent.layout.y);
        if (xDiff < 1 && yDiff < 1 &&
            (this.props.height !== event.nativeEvent.layout.height ||
                this.props.width !== event.nativeEvent.layout.width)) {
            this._dim.height = event.nativeEvent.layout.height;
            this._dim.width = event.nativeEvent.layout.width;
            if (this.props.onSizeChanged) {
                this.props.onSizeChanged(this._dim, this.props.index);
            }
        }
    }
}