How to implement automatic data loading from React Native server?

Question

React

Let's take for example, as a basis, the data from this address https://jsonplaceholder.typicode.com/photos
There are 1000 images on the server.
I have a screen in a React Native app that renders all of these images. How can I make it so that, for example, only 10 images are requested from the server, and when the user scrolls to the 9th image, the application again throws a request to the server and receives 10 more images and so on until they run out.
Or, if there are more efficient methods, how can this task be accomplished?

Answer 1

What you wrote can be googled as infinite scroll. This can be done both with react native methods and with other libraries. here is an implementation example https://medium.com/@pateldhara248/flatlist-with-lo...