VirtualizedList Example

VirtualizedList.js

<VirtualizedList
  windowSize={10}
  data={listArr}
  style={s.list}
  contentContainerStyle={s.listContainer}
  initialNumberToRender={10}
  renderItem={({ item }) => (
    <ExampleComponent />
  )}
  keyExtractor={(item, index) => {
    return item.key;
  }}
  getItem={(listArr, index) => {
    const item = listArr[index]
    return {
      ...item,
      key: `Item${index}${item.id}`,
    };
  }}
  сolumnWrapperStyle={{ marginBottom: 26 }}
  numColumns={2}
  showsVerticalScrollIndicator={false}
  showsHorizontalScrollIndicator={false}
  horizontal={false}
  getItemCount={(data) => data.length}
/>