Virtualization

Does your app have lot of images or tabs? Thousands of items or an endless scroll? Let's look at how to handle it best in React Native.

Prerequisites#

It is highly recommended that you go through this section on flatlists from a previous lesson before moving ahead with this one.


Long list virtualization#

As advised above, please go through the introduction to flatlists from the widgets section first.

List virtualization, also known as windowing, is the concept of only rendering only what is visible to the user. This improves both the rendering and scrolling performance of the application.

Flatlists are great at long list virtualization. The default settings of a flatlist can handle such scenarios quite well in most cases, though there are certain parameters that we can tweak if we have a heavy component, need to support a really long list or are facing issues in general.

Start a new discussion. All notification go to the author.