Skip to content
React Native package that wraps @react-native-community/viewpager with more features.
JavaScript Objective-C Ruby Java Python
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
android
ios
src
storybook
.buckconfig
.eslintrc.js
.flowconfig
.gitattributes
.gitignore
.prettierrc.js
.watchmanconfig
LICENSE
README.md
app.json
babel.config.js
index.js
metro.config.js
package.json
yarn.lock

README.md

React Native Paging

React Native package that wraps @react-native-community/react-native-viewpager and adds features:

  • Touch margins to turn pages
  • Loop

Getting started

$ yarn add react-native-paging

Requirements

react-native-viewpager

@react-native-community/react-native-viewpager is a dependency for this package that you'll need to add to your project. To install, run the following command:

$ yarn add @react-native-community/viewpager

Usage

import React from 'react';
import {StyleSheet, View, Text} from 'react-native';
import Paging from 'react-native-paging';

const MyPager = () => {
  return (
    <Paging 
      style={styles.viewPager} 
      loop
    >
      <View key="1">
        <Text>First page</Text>
      </View>
      <View key="2">
        <Text>Second page</Text>
      </View>
    </Paging>
  );
};

export default MyPager;

const styles = StyleSheet.create({
  viewPager: {
    flex: 1,
  },
});
You can’t perform that action at this time.