react-native-optimized-list

1.0.3 • Public • Published

react-native-optimized-flatlist

Greenkeeper badge

Optimization for FlatLists. This is a fix over the FlatList that removed every item that is not inside the viewport. This will give a more stable and faster FlatList as performance dont drop! :)

Please also read more about the issue here: https://github.com/facebook/react-native/issues/13413

Fork from https://github.com/stoffern/react-native-optimized-flatlist

Installation

npm i -S react-native-optimized-flatlist

or

yarn add react-native-optimized-flatlist

Usage

Just replace FlatList with OptimizedFlatList .. thats all! :)

Replace this:

render() {
  return (
  <FlatList
    data={[{name: 'fred', name: 'freddy'}]}
    renderItem={ ({item}) => <View>{item.name}</View>}
    />
...

With this:

...
import {OptimizedFlatList} from 'react-native-optimized-flatlist'
 
...
render() {
  return (
  <OptimizedFlatList
    data={[{name: 'fred', name: 'freddy'}]}
    renderItem={ ({item}) => <View>{item.name}</View>}
    />
...
 

Readme

Keywords

Package Sidebar

Install

npm i react-native-optimized-list

Weekly Downloads

1

Version

1.0.3

License

MIT

Unpacked Size

7.35 kB

Total Files

7

Last publish

Collaborators

  • wesleyfaveri