What is React Native FlatList?

Can you explain what React Native FlatList is?

Sure! React Native FlatList is a component that efficiently renders large lists of data in a scrollable view.

What are the main features of FlatList?

FlatList offers features like lazy loading, item separation, and support for horizontal and vertical scrolling.

How do I implement FlatList in my project?

To implement FlatList, import it from 'react-native' and provide it with data and a renderItem function.

Can you show me a code example?

Certainly! Here's a simple example:

import React from 'react';
import { FlatList, Text, View } from 'react-native';

const DATA = [{ id: '1', title: 'Item 1' }, { id: '2', title: 'Item 2' }];

const App = () => {
  return (
    <FlatList
      data={DATA}
      renderItem={({ item }) => <Text>{item.title}</Text>}
      keyExtractor={item => item.id}
    />
  );
};

export default App;