RecyclingExample.js

import React, { Component } from 'react';
import { Text, View, Dimensions } from 'react-native';

import RecyclingListView from './RecyclingListView';

const ROWS_IN_DATA_SOURCE = 3000;
const dataSource = [];
for (let i=0; i<ROWS_IN_DATA_SOURCE; i++) dataSource.push(`This is the data for row # ${i+1}`);

export default class RecyclingExample extends Component {
  render() {
    return (
      <View style={{flex: 1, paddingTop: 20,}}>
        <RecyclingListView
          renderRow={this.renderRow}
          numRows={dataSource.length}
          rowHeight={50}
        />
      </View>
    );
  }
  renderRow(rowID) {
    return (
      <Text style={{
        width: Dimensions.get('window').width,
        height: 50,
        backgroundColor: '#ffffff'
      }}>{dataSource[rowID]}</Text>
    );
  }
}