In React Native, the FlatList component works well to render a long list of data. It renders only the items shown on the screen in a scrolling list and not all the data items at once.
To render a scrollable list of items using FlatList, you need to pass the required data prop to the component. The data prop accepts an array of items. Each item in the array represents a single item in the list. Another required prop is renderItem, which takes an item from the data and renders it on the list. This prop accepts a function that returns the JSX to be rendered.