dev-resources.site
for different kinds of informations.
Fixing 'VirtualizedLists should never be nested inside simple ScrollViews' warning [FlatList]
Published at
7/12/2022
Categories
scrollview
flatlist
Author
edsonjuniornarvaes
Author
18 person written this
edsonjuniornarvaes
open
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>
}
/>
flatlist Article's
7 articles in total
Flat list horizontal all Items perfectly visible in iOS not in android ContentContainerStyle
read article
Flatlist in React-Native
read article
React Native Flatlist: Filter & Sorting
read article
Fixing 'VirtualizedLists should never be nested inside simple ScrollViews' warning [FlatList]
currently reading
The basics of FlatList
read article
React Native Collapsible
read article
Lessons learned from building a Grid List in React Native
read article
Featured ones: