Skip to content

Commit 68d98b2

Browse files
Merge branch 'main' of github.com:GetStream/react-native-bidirectional-infinite-scroll into main
2 parents 9ff38aa + 755eebb commit 68d98b2

File tree

1 file changed

+8
-3
lines changed

1 file changed

+8
-3
lines changed

README.md

+8-3
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,22 @@
11
# 📜 React Native Bi-directional Infinite Scroll
22

33
[![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/GetStream/react-native-bidirectional-infinite-scroll/blob/main/LICENSE)
4-
[![Npm Package](https://img.shields.io/badge/npm--package-v0.1.0-blue)](https://www.npmjs.com/package/react-native-bidirectional-infinite-scroll)
4+
[![Npm Package](https://img.shields.io/badge/npm--package-v0.3.0-blue)](https://www.npmjs.com/package/react-native-bidirectional-infinite-scroll)
55
[![Compatibility](https://img.shields.io/badge/react--native%20--%20android%20%7C%20iOS-compatible-brightgreen)](https://reactnative.dev/)
66

7+
**Implement bidirectional infinite smooth scroll using React Native**
8+
79
**[** Built with ♥ at [<strong>Stream</strong>](https://getstream.io/) **]**
810

911
![Vishal - Article 01](https://user-images.githubusercontent.com/11586388/109156507-38082600-7771-11eb-82c4-2ca0dec97545.png)
1012

13+
## Tutorial on how to implement Chat UI with bidirectional infinite scroll
1114

12-
[FlatList](https://reactnative.dev/docs/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.
15+
https://dev.to/vishalnarkhede/react-native-how-to-build-bidirectional-infinite-scroll-32ph
1316

14-
**Features**
17+
## Introduction
18+
19+
[FlatList](https://reactnative.dev/docs/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.
1520

1621
- Accepts prop `onStartReached` & `onEndReached`, which you can use to load more results.
1722
- Calls to onEndReached and onStartReached have been optimized.

0 commit comments

Comments
 (0)