Giter VIP home page Giter VIP logo

aminsaffar / react-native-ultimate-listview Goto Github PK

View Code? Open in Web Editor NEW

This project forked from gameboyvito/react-native-ultimate-listview

0.0 1.0 0.0 56.52 MB

A high performance FlatList providing customised pull-to-refresh | auto-pagination & infinite-scrolling | gridview layout | swipeable-row.

Home Page: https://www.npmjs.com/package/react-native-ultimate-listview

License: MIT License

JavaScript 95.14% Python 1.13% Java 0.86% Objective-C 2.88%

react-native-ultimate-listview's Introduction

React Native Ultimate Listview

A high performance FlatList providing customised pull-to-refresh | auto-pagination & infinite-scrolling | gridview layout | swipeable-row. The truly ultimate version that I have done the most tricky part for you, just simply follow the instructions shown below to put it in your app.

This is an enhanced FlatList with all excellent extra features, comparing to the official version.

This module supports both of iOS and Android platforms.

All codes are written in ES6 syntax.

Quick installation

Know Issue (v3.2.0): On Android, if you are using CustomRefreshView, and the total hight of your first load data is less than your device height, then the RefreshView may still sticky on the top. However, if the data you loaded is beyond your screen, everything's fine. This issue only happen on Android, any PR is welcome.

Demo

iOS Android
FlatList

Why FlatList

I have found some articles to explain why you need to use FlatList, instead of the legacy ListView. There are some obvious reasons:

  1. FlatList just like the UICollectionView or RecyclerView, which can dramatically reduce memory usage. It also provides more soomth animation when you have an extremely long list.
  2. FlatList supports scrollToIndex function, which is pretty convenient when you want to scroll to an item with index, instead of depending the y-offset.
  3. FlatList recommend developer to use PureComponent to reduce unnecessary re-rendering, this can really boost the performance and make your app run faster.

Documentation

Breaking Changes

  • See the Release Note

Contribution

@gameboyVito - [email protected]

  1. Fork this Repository
  2. After modifying the code, commit and push to the forked repository
  3. Open your Github, create a pull request to me. I will review it ASAP, thanks a lot.

License

MIT

react-native-ultimate-listview's People

Contributors

gameboyvito avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.