{"id":23589745,"url":"https://github.com/erzhtor/react-native-virtualized","last_synced_at":"2025-05-07T12:48:13.151Z","repository":{"id":35203094,"uuid":"216916842","full_name":"erzhtor/react-native-virtualized","owner":"erzhtor","description":"React Native Virtualized FlatList and SectionList components","archived":false,"fork":false,"pushed_at":"2022-12-10T06:28:49.000Z","size":8485,"stargazers_count":8,"open_issues_count":19,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-28T02:19:19.210Z","etag":null,"topics":["react-native","react-native-infiinite-list","react-native-virtualized"],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/erzhtor.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-10-22T21:57:17.000Z","updated_at":"2021-09-23T15:05:44.000Z","dependencies_parsed_at":"2023-01-15T16:15:56.017Z","dependency_job_id":null,"html_url":"https://github.com/erzhtor/react-native-virtualized","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/erzhtor%2Freact-native-virtualized","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/erzhtor%2Freact-native-virtualized/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/erzhtor%2Freact-native-virtualized/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/erzhtor%2Freact-native-virtualized/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/erzhtor","download_url":"https://codeload.github.com/erzhtor/react-native-virtualized/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252882633,"owners_count":21819151,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["react-native","react-native-infiinite-list","react-native-virtualized"],"created_at":"2024-12-27T06:17:22.680Z","updated_at":"2025-05-07T12:48:13.130Z","avatar_url":"https://github.com/erzhtor.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"React Native `VirtualizedFlatList` and `VirtualizedSectionList` components.\n- Both components use *FlatList* and *SectionList* from *react-native* under the hood\n- Zero dependency\n\n\n| VirtualizedFlatList | VirtualizedSectionList |\n| - | - |\n| \u003cimg src=\"./docs/flatlist.gif\" height=\"500px\" width=\"auto\"/\u003e | \u003cimg src=\"./docs/sectionlist.gif\" height=\"500px\" width=\"auto\"/\u003e |\n\n## Getting started\n\nInstall `react-native-virtualized`:\n- `$ npm install react-native-virtualized`\nor using yarn\n- `$ yarn add react-native-virtualized`\n\n## Usage\n\n- **VirtualizedFlatList:**\n  ```jsx\n  import React from 'react';\n  import { Text } from 'react-native';\n  import { VirtualizedFlatList } from 'react-native-virtualized';\n\n  export default function FlatListExample() {\n      const items = Array(999999999).fill('Item ')\n\n      return (\n          \u003cVirtualizedFlatList\n              keyExtractor={(item, index) =\u003e item + index}\n              data={items}\n              renderItem={({ item, index }) =\u003e \u003cText\u003e{`${item} - ${index}`}\u003c/Text\u003e}\n          /\u003e\n      );\n  }\n  ```\n\n- **VirtualizedSectionList:**\n  ```jsx\n  import React from 'react';\n  import { Text } from 'react-native';\n  import { VirtualizedSectionList } from 'react-native-virtualized';\n\n  export default function SectionListExample() {\n      const sections = Array(999999999).fill('Section ')\n        .map((item, index) =\u003e ({\n            title: item + index,\n            data: Array(50).fill('Item ')\n        }))\n\n      return (\n          \u003cVirtualizedSectionList\n              sections={sections}\n              keyExtractor={(item, index) =\u003e item + index}\n              renderItem={({ item, index }) =\u003e \u003cText\u003e{`${item} - ${index}`}\u003c/Text\u003e}\n              renderSectionHeader={({ section }) =\u003e \u003cText\u003e{section.title}\u003c/Text\u003e}\n          /\u003e\n      );\n  }\n  ```\n\n## Props\n\n- For both `VirtualizedFlatList` and `VirtualizedSectionList`\n\n| Name | Required | Default | Description |\n| - | - | - | - |\n| `batch` | *No* | 10 | Number of items to load on scroll to end |\n\n**Note:** Rest of the props are passed to the underlying `FlatList|SectionList` component. It means all required by underlying component (*FlatList|SectionList*) props should be passed as usual.\n\n\n## License\n\n*react-native-virtualized* is available under the MIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ferzhtor%2Freact-native-virtualized","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ferzhtor%2Freact-native-virtualized","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ferzhtor%2Freact-native-virtualized/lists"}