question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Does it render all items at once?

See original GitHub issue

Hi, does this component render all items at once or only visible items are rendered? does it support removeClippedSubviews prop of ScrollView?

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:10 (5 by maintainers)

github_iconTop GitHub Comments

6reactions
bd-arccommented, Jan 30, 2017

@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.

1reaction
PublicParadisecommented, Jun 1, 2017

@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 of react-native-snap-carousel. I’d be willing to chip in and push PRs if needed.

Thanks for considering!

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found