Jak działa FlatList w React Native?

FlatList to podstawowy komponent do wydajnego renderowania list w React Native. Został zaprojektowany do obsługi dużych zbiorów danych, optymalizując wydajność aplikacji. FlatList renderuje jedynie te elementy, które są aktualnie widoczne na ekranie, a pozostałe są usuwane z pamięci. Dzięki temu aplikacje pozostają płynne, nawet gdy lista ma setki czy tysiące pozycji.

Jak korzystać z FlatList?

• data – tablica danych do wyświetlenia
• renderItem – funkcja definiująca sposób wyświetlania każdego elementu
• keyExtractor – unikalny klucz identyfikujący elementy

<FlatList
  data={[{ id: '1', title: 'Hi' }, { id: '2', title: 'There' }]}
  renderItem={({ item }) => <Text>{item.title}</Text>}
  keyExtractor={item => item.id}
/>

Inne z tej kategorii: Programowanie
Takie tam: www.marczuk.org