A React Native swiper component built with FlatList using Hooks and TypeScript, featuring autoplay, pagination, and gesture support.
React Native Swiper FlatList is a swiper/carousel component for React Native applications. It provides a smooth, performant way to create image galleries, onboarding screens, or any swipeable content using React Native's FlatList as its foundation. It solves the need for a reliable, customizable swiper that works efficiently across iOS, Android, and web.
React Native developers building mobile or web applications that require swipeable carousels, onboarding flows, or image galleries. It's particularly useful for those prioritizing performance and cross-platform compatibility.
Developers choose this library because it's built on FlatList, ensuring better memory management and smooth scrolling compared to many alternative swiper implementations. It offers modern tooling with TypeScript and Hooks, extensive customization options, and reliable automation testing with Detox.
👆 Swiper component implemented with FlatList using Hooks & Typescript + automation tests with Detox
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Built on React Native's FlatList, ensuring efficient memory management and smooth scrolling by leveraging native optimizations, as highlighted in its performance-focused philosophy.
Works seamlessly on iOS, Android, and React Native Web out of the box, making it a versatile choice for multi-platform projects without extra configuration.
Fully implemented with TypeScript and React Hooks, providing type safety and a better developer experience with IntelliSense and reduced runtime errors.
Offers configurable autoplay, pagination, RTL support, and optional react-native-gesture-handler integration, allowing fine-tuned control over swiper behavior.
Vertical pagination is not natively supported on Android, requiring a workaround with react-native-gesture-handler—an admitted limitation that adds complexity for specific use cases.
Requires babel v7.9.0 or higher, which can cause setup conflicts in React Native projects between versions 0.60 and 0.63, as noted in the README warnings.
Major version updates (2.x and 3.x) involved complete re-implementations, indicating potential breaking changes that could disrupt existing codebases and require migration efforts.