Solving Scroll Jank in React Native with FlatList Tuning
Stop scroll jank in React Native. Learn how to configure FlatList's initialNumToRender and windowSize to balance memory usage and 60fps smoothness.
Loading…
ReadMeFeed / Community knowledge
#flatlist
Real questions. Useful conversations. Find the people who know your stack.
reactnativeMaximizing List Performance in React Native with FlatList
Learn how to replace ScrollView with FlatList, tune keyExtractor, getItemLayout, and initialNumToRender, and measure real‑world gains in frame rate and memory usage.
Stop Using ScrollView for Long Lists: Optimizing React Native FlatList
Learn how to move from ScrollView to FlatList in React Native to handle long datasets. We cover virtualization, getItemLayout, and memory management tips.
Mastering React Native FlatList: Virtualization, Performance Tuning, and Real‑World Use Cases
Learn how to use React Native FlatList’s virtualization, key props, and image caching to build memory‑efficient lists that perform well on any device. Includes a 10k‑item example, trade‑offs, and actionable tuning tips.
Stopping the Stutter: Optimizing Large Lists in React Native
Stop the lag in your React Native apps. Learn how to use FlatList virtualization, getItemLayout, and windowSize to render thousands of items without crashing your app.
Architecting High-Performance Lists in React Native with FlatList
Learn how to implement high-performance virtualization in React Native using FlatList, focusing on getItemLayout, memory management, and avoiding JS thread bottlenecks.
FlatList vs SectionList for Large Categorized Lists: Memory Overhead vs Sticky Header Support
Goal: Determine whether to use FlatList with custom header rendering or SectionList for a large categorized dataset while maintaining smooth scrolling and low memory usage on both iOS and Android. Constraint: SectionList provides built‑in sticky section headers but requires a specific data shape and may allocate additional internal structures; FlatList is li