. Getting Started – RNRC
Getting Started – RNRC
Getting Started – RNRC

React Native Reanimated Carousel

(WIP) If you find any mistakes, please submit an Issue to remind me to revise it, or PR is welcome.

A performant carousel for React Native powered by Reanimated. ⚡️

Features

  • The best performance you can get. 🚀
  • Fully configurable. ⚙️
  • Support for both iOS & Android & Web . 📱
  • Support for RTL layout. 🌍
  • Smooth gesture interactions & snapping animations. 🏎
  • Support to customise the animation style. 🎨
  • Compatible with Reanimated v1 & v2. 🎉
  • Compatible with Expo . 🎩
  • Accessibility support. ♿️
  • Written in TypeScript . 🌳

Installation

yarn add react-native-reanimated-carousel npx expo install react-native-reanimated-carousel Dependencies

This library needs these dependencies to be installed in your project before you can use it:

yarn add react-native-reanimated react-native-gesture-handler npx expo install react-native-reanimated react-native-gesture-handler

React Native Gesture Handler needs extra steps to finalize its installation, please follow their installation instructions (opens in a new tab) . Please make sure to wrap your App with GestureHandlerRootView when you've upgraded to React Native Gesture Handler ^2.

React Native Reanimated v2 needs extra steps to finalize its installation, please follow their installation instructions (opens in a new tab) .

Special thanks

Thanks to Screen Studio for sponsoring this library. You can use Screen Studio to record your screen and edit videos and get beautiful screen recordings in minutes.

Sponsor & Support

To keep this library maintained and up-to-date please consider sponsoring to us. ☕️

  • Caspian (opens in a new tab)
  • GX (opens in a new tab)
  • Oliver Lopez (opens in a new tab)

More high quality libraries made by me 🚀

Built With ❤️

  • react-native-reanimated (opens in a new tab)
  • react-native-gesture-handler (opens in a new tab)
  • react-native-redash (opens in a new tab)
  • react-native-builder-bob (opens in a new tab)
📎📎📎📎📎📎📎📎📎📎