Fixing 'VirtualizedLists should never be nested inside simple ScrollViews' warning [FlatList]
Edson Junior de Andrade

Edson Junior de Andrade @edsonjuniornarvaes

About: Front-end developer, Web e Mobile

Location:
Umuarama-PR, Brasil
Joined:
Apr 26, 2021

Fixing 'VirtualizedLists should never be nested inside simple ScrollViews' warning [FlatList]

Publish Date: Jul 12 '22
5 0

In some cases, we feel the need to use the scrollview along with the flatlist.

Then we generate the error by adding the flatlist inside a scrollview, but that's not necessary, just use ListHeaderComponent for the content above the list and ListFooterComponent for the content below.

Example of use:

<FlatList
  LisHeaderComponent={
    <View style={{ flex: 1 }}>
      <Text>Header content</Text>
    </View>
  }
  data={itemData}
  renderItem={renderItem}
  ListFooterComponent={
    <View style={{ flex: 1 }}>
      <Text>Footer content</Text>
    </View>
  }
/>
Enter fullscreen mode Exit fullscreen mode

Comments 0 total

    Add comment