10

Implement bidirectional infinite smooth scroll using React Native

 10 months ago
source link: https://reactnativeexample.com/implement-bidirectional-infinite-smooth-scroll-using-react-native/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

React Native Bi-directional Infinite Scroll

Implement bidirectional infinite smooth scroll using React Native.

Introduction

FlatList by react-native only allows infinite scroll in one direction (using onEndReached). This package adds capability on top of FlatList to allow infinite scroll from both directions, and also maintains smooth scroll UX.

  • Accepts prop onStartReached & onEndReached, which you can use to load more results.
  • Calls to onEndReached and onStartReached have been optimized.
  • Inline loading Indicators, which can be customized as well.
  • Uses flat-list-mvcp to maintain scroll position or smooth scroll UX.
109138261-77774800-775a-11eb-806b-2add75755af7.gif109139686-16507400-775c-11eb-893f-8cccfb47f9d7.gifiOS Android

🛠 Installation and Usage

Please check the complete docs at https://getstream.github.io/react-native-bidirectional-infinite-scroll/

GitHub

https://github.com/GetStream/react-native-bidirectional-infinite-scroll


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK