React Native Pager View screenshot

React Native Pager View

Author Avatar Theme by Callstack
Updated: 17 Dec 2025
3237 Stars

React Native wrapper for the Android ViewPager and iOS UIPageViewController.

Categories

Overview:

The react-native-pager-view npm package provides a component that enables users to swipe left and right through pages of data. It utilizes the native Android ViewPager and iOS UIPageViewController implementations.

Features:

  • Swipe functionality: Allows users to swipe left and right through pages of data.
  • Native implementation: Uses Android ViewPager and iOS UIPageViewController.
  • Version compatibility: Supports iOS versions 4.x and 5.x and above, as well as ViewPager1 and ViewPager2.

Installation:

To install the react-native-pager-view package, use the following steps:

  1. Add the package using yarn:
yarn add react-native-pager-view
  1. For autolinking, for versions >= 0.60, no additional steps are needed. For versions < 0.60:
react-native link react-native-pager-view
  1. For manual linking with Cocoapods, modify your Podfile and files as instructed:
    • Add to android/settings.gradle, android/app/build.gradle, android/app/src/main/…/MainApplication.java.
    • Add imports and the PagerViewPackage class.

Summary:

The react-native-pager-view npm package provides a convenient way for users to implement swipe functionality through pages of data using native Android ViewPager and iOS UIPageViewController. The installation process is straightforward with options for autolinking and manual linking for different React Native versions, making it accessible for developers looking to incorporate swipe features in their mobile applications.