react - flatList + gingle big datalist

ItemListView.js

import React, { Component }  from 'react'
import { FlatList, Text } from 'react-native' 

class ItemListView extends Component {
  state = { 
    currentPage: 1,
    perPage: 3,
    items: [
      { name: 'A', id: 1 }, { name: 'B', id: 2 }, { name: 'C', id: 3 },
      { name: 'D', id: 4 }, { name: 'E', id: 5 }, { name: 'F', id: 6 },
      { name: 'G', id: 7 }, { name: 'H', id: 8 }, { name: 'I', id: 9 },
    ]
  }

  render() {
    const { items, perPage, currentPage } = this.state
    const data = items.slice(0, perPage * currentPage)
    
    return (
      <FlatList
        data={data}
        keyExtractor={item => item.id}
        onEndReachedThreshold={0.5}
        onEndReached={() => this.setState({ currentPage: currentPage + 1 })}
        renderItem={({ item }) => <Text style={{ padding: 50 }}>{ item.name }</Text>} />
    )
  }
}

export default ItemListView