[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-71346":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":25,"hasPages":25,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":27,"readmeContent":28,"aiSummary":29,"trendingCount":16,"starSnapshotCount":16,"syncStatus":30,"lastSyncTime":31,"discoverSource":32},71346,"flash-list","Shopify\u002Fflash-list","Shopify","A better list for React Native","https:\u002F\u002Fshopify.github.io\u002Fflash-list\u002F",null,"TypeScript",7111,364,214,62,0,5,12,41,15,38.69,"MIT License",false,"main",true,[],"2026-06-12 02:02:51","![FlashList Image](.\u002FFlashList.png)\n\n\u003Cdiv align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fshopify.github.io\u002Fflash-list\u002F\">Website\u003C\u002Fa> •\n  \u003Ca href=\"https:\u002F\u002Fdiscord.gg\u002Fk2gzABTfav\">Discord\u003C\u002Fa> •\n  \u003Ca href=\"https:\u002F\u002Fshopify.github.io\u002Fflash-list\u002Fdocs\u002F\">Getting started\u003C\u002Fa> •\n  \u003Ca href=\"https:\u002F\u002Fshopify.github.io\u002Fflash-list\u002Fdocs\u002Fusage\">Usage\u003C\u002Fa> •\n  \u003Ca href=\"https:\u002F\u002Fshopify.github.io\u002Fflash-list\u002Fdocs\u002Ffundamentals\u002Fperformance\">Performance\u003C\u002Fa> •\n  \u003Ca href=\"https:\u002F\u002Fshopify.github.io\u002Fflash-list\u002Fdocs\u002Fknown-issues\">Known Issues\u003C\u002Fa>\n\u003Cbr>\u003Cbr>\n\n**Fast & performant React Native list. No more blank cells.**\n\nSwap from FlatList in seconds. Get instant performance.\n\n\u003C\u002Fdiv>\n\n# FlashList v2\n\nFlashList v2 has been rebuilt from the ground up for RN's new architecture and delivers fast performance, higher precision, and better ease of use compared to v1. We've achieved all this while moving to a JS-only solution! One of the key advantages of FlashList v2 is that it doesn't require any estimates. It also introduces several new features compared to v1. To know more about what's new in v2 click [here](https:\u002F\u002Fshopify.github.io\u002Fflash-list\u002Fdocs\u002Fv2-changes).\n\n> ⚠️ **IMPORTANT:** FlashList v2.x has been designed to be new architecture only and will not run on old architecture. If you're running on old architecture or using FlashList v1.x, you can access the documentation specific to v1 here: [FlashList v1 Documentation](https:\u002F\u002Fshopify.github.io\u002Fflash-list\u002Fdocs\u002F1.x\u002F).\n\n## Why use FlashList?\n\n### 🚀 Superior Performance\n\n- No more blank cells: FlashList uses view recycling to ensure smooth scrolling without visible blank areas.\n- Fast initial render: Optimized for quick first paint.\n- Efficient memory usage: Recycles views instead of destroying them, reducing memory overhead.\n- Supports view types: Great performance even if different types of components make up the list.\n- Dynamic sizes: Super fast and doesn't need any estimates.\n\n### 🎯 Developer Experience\n\n- Drop-in replacement for FlatList: Simply change the component name - if you know FlatList, you already know FlashList.\n- No size estimates required in v2: Unlike v1, FlashList v2 automatically handles item sizing.\n- Type-safe: Full TypeScript support with comprehensive type definitions.\n\n### 📱 Advanced Features\n\n- Masonry layout support: Create Pinterest-style layouts with varying item heights and column spans.\n- Maintain visible content position: Automatically handles content shifts when adding items (enabled by default in v2).\n- Multiple recycling pools: Optimizes performance for lists with different item types using `getItemType`.\n- Built for React Native's new architecture: FlashList v2 is designed specifically for the new architecture.\n\n### ⚡ Real-world Benefits\n\n- Reduced frame drops: Maintains 60 FPS even with complex item components.\n- Lower CPU usage: Efficient recycling reduces computational overhead.\n- Smoother scrolling: Predictable performance even with thousands of items.\n- JS-only solution in v2: No native dependencies, making it easier to maintain while delivering fast performance.\n\n## Installation\n\nAdd the package to your project via `yarn add @shopify\u002Fflash-list`.\n\n## Usage\n\nBut if you are familiar with [FlatList](https:\u002F\u002Freactnative.dev\u002Fdocs\u002Fflatlist), you already know how to use `FlashList`. You can try out `FlashList` by changing the component name or refer to the example below:\n\n```jsx\nimport React from \"react\";\nimport { View, Text } from \"react-native\";\nimport { FlashList } from \"@shopify\u002Fflash-list\";\n\nconst DATA = [\n  {\n    title: \"First Item\",\n  },\n  {\n    title: \"Second Item\",\n  },\n];\n\nconst MyList = () => {\n  return (\n    \u003CFlashList\n      data={DATA}\n      renderItem={({ item }) => \u003CText>{item.title}\u003C\u002FText>}\n    \u002F>\n  );\n};\n```\n\nTo avoid common pitfalls, you can also follow these [`steps`](https:\u002F\u002Fshopify.github.io\u002Fflash-list\u002Fdocs\u002Fusage#migration-steps) for migrating from `FlatList`.\n\n## App \u002F Playground\n\nThe [fixture](.\u002Ffixture\u002F) is an example app showing how to use the library.\n","FlashList 是一个专为 React Native 设计的高性能列表组件。其核心功能包括视图回收技术，确保平滑滚动时无空白单元格，支持动态大小调整且无需预估尺寸，以及对不同视图类型的高效处理。FlashList 提供了与 FlatList 几乎相同的使用体验，使得迁移变得简单快捷，并且完全支持 TypeScript 以增强类型安全。此外，它还支持 Masonry 布局等高级特性，适用于需要展示大量数据项的应用场景中，如商品列表、新闻流等，尤其适合追求极致性能和流畅用户体验的开发者选用。",2,"2026-06-11 03:37:17","high_star"]