Does it render all items at once?
See original GitHub issueHi,
does this component render all items at once or only visible items are rendered?
does it support removeClippedSubviews
prop of ScrollView
?
Issue Analytics
- State:
- Created 7 years ago
- Comments:10 (5 by maintainers)
Top Results From Across the Web
ReactNative FlatList render all items at once? - Stack Overflow
It seems like FlatList renders all items at once even though the cell isn't actually visible on the screen. Setting 30 items and...
Read more >Flat list rendering all items at once. : r/reactnative - Reddit
I am using a flatlist. I thought by default flatlist only loads the items in the view. In my case all the items...
Read more >React re-renders guide: everything, all at once - Developer way
Comprehensive guide on React re-renders. The guide explains what are re-renders, what is necessary and unnecessary re-render, what can ...
Read more >Basics of rendering and exporting in After Effects CC
In the Render Queue panel, you can manage several render items at once, each with its own render settings and output module settings....
Read more >Optimizing Flatlist Configuration - React Native
This controls the amount of items rendered per batch, which is the next chunk of items rendered on every scroll.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@grundmanise Hi! For now, all items are rendered at once. But we are currently working on implementing a
preload
prop that will allow rendering only the current item as well as a specific number of the previous and next ones. Stay tuned!As for your other question, and as stated in our README, you can use any prop from the original ScrollView component. Actually, we totally recommend activating the
removeClippedSubviews
prop when your scroller doesn’t need to handle too many items since this really enhances scroller’s performance.@bd-arc: I do like
react-native-snap-carousel
. But unfortunately I can’t use it. It just breaks down at around 2000 items. Render time balloons to 10s. Would you guys be interested in creating an experimental branch exploring that<FlatList/>
idea? That’s the only way to solve my performance problem with the current version ofreact-native-snap-carousel
. I’d be willing to chip in and push PRs if needed.Thanks for considering!