[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-10871":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":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":19,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":24,"hasPages":24,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":39,"readmeContent":40,"aiSummary":41,"trendingCount":16,"starSnapshotCount":16,"syncStatus":17,"lastSyncTime":42,"discoverSource":43},10871,"react-native-reanimated-carousel","dohooo\u002Freact-native-reanimated-carousel","dohooo","🎠 React Native swiper\u002Fcarousel component, fully implemented using reanimated v2, support to iOS\u002FAndroid\u002FWeb.  (Swiper\u002FCarousel)","https:\u002F\u002Freact-native-reanimated-carousel.vercel.app",null,"TypeScript",3391,348,26,20,0,2,12,1,29.63,"MIT License",false,"main",true,[26,27,28,29,30,31,32,33,34,35,36,37,38],"android","carousel","hacktoberfest","infinite-scroll","ios","react-native","react-native-carousel","react-native-snap","react-native-swiper","reanimated","snap","swiper","web","2026-06-12 02:02:27","# react-native-reanimated-carousel\n\n\u003Cimg src=\"assets\u002Fhome-banner.png\" width=\"100%\"\u002F>\n\n![Hacktober Badge](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fhacktoberfest-2022-blueviolet)\n![platforms](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fplatforms-Android%20%7C%20iOS%20%7C%20Web-brightgreen.svg?style=flat-square&colorB=191A17)\n[![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Freact-native-reanimated-carousel.svg?style=flat-square)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Freact-native-reanimated-carousel)\n[![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002Freact-native-reanimated-carousel.svg?style=flat-square&colorB=007ec6)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Freact-native-reanimated-carousel)\n[![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdw\u002Freact-native-reanimated-carousel.svg?style=flat-square&colorB=007ec6)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Freact-native-reanimated-carousel)\n[![github issues](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fissues\u002Fdohooo\u002Freact-native-reanimated-carousel.svg?style=flat-square)](https:\u002F\u002Fgithub.com\u002Fdohooo\u002Freact-native-reanimated-carousel\u002Fissues)\n[![github closed issues](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fissues-closed\u002Fdohooo\u002Freact-native-reanimated-carousel.svg?style=flat-square&colorB=44cc11)](https:\u002F\u002Fgithub.com\u002Fdohooo\u002Freact-native-reanimated-carousel\u002Fissues?q=is%3Aissue+is%3Aclosed)\n[![discord chat](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fchat-discord-blue?style=flat&logo=discord)](https:\u002F\u002Fdiscord.gg\u002FKsXRuDs43y)\n\n## The best carousel component in React Native community. ⚡️\n\n-   [Getting Started](https:\u002F\u002Frn-carousel.dev)\n-   [Examples](https:\u002F\u002Frn-carousel.dev\u002FExamples\u002Fsummary)\n\n## v5 beta notes\n\n- **Sizing**: `style` controls the **container size**; `itemWidth`\u002F`itemHeight` control the **page size** (snap distance & animation progress).\n- **Scroll offset shared value**: use `scrollOffsetValue` (recommended). `defaultScrollOffsetValue` is deprecated but still supported.\n- **Progress**: `onProgressChange` supports both a callback and `SharedValue\u003Cnumber>`.\n- **Pagination accessibility**: `Pagination.Basic` and `Pagination.Custom` support `paginationItemAccessibility` for per-item a11y overrides.\n- **Custom animation safety**: `customAnimation` styles are sanitized and `zIndex` is normalized to finite integers.\n\n## 📊 Version Compatibility\n\n| Carousel Version | Expo SDK | React Native | Reanimated | Gesture Handler | Worklets   |\n|------------------|----------|--------------|------------|-----------------|------------|\n| **v5.0.0-beta**  | **54+**  | **0.80+**    | **4.0.0+** | **2.9.0+**      | **0.5.0+** |\n| v4.x             | 50-53    | 0.70.3+      | 3.0.0+     | 2.9.0+          | ❌          |\n| v3.x             | 47-49    | 0.66.0+      | 2.0.0+     | 2.0.0+          | ❌          |\n\n\n## Sponsors\n\n\u003Cp align=\"center\">\n  \u003Cimg src='https:\u002F\u002Fgithub.com\u002Fdohooo\u002Fsponsors\u002Fblob\u002Fmaster\u002Fsponsors.png?raw=true'\u002F>\n\u003C\u002Fp>\n\n## License\n\nMIT\n","这是一个基于React Native的轮播组件，完全使用reanimated v2实现，支持iOS、Android和Web平台。其核心功能包括无限滚动、自定义动画以及对可访问性的支持，如分页项的a11y属性设置。项目利用了reanimated提供的高性能动画能力，确保了流畅的用户体验。适合需要在跨平台应用中添加滑动展示功能的各种场景，例如商品展示、图片浏览等。","2026-06-11 03:30:35","top_topic"]