1.0.2 • Published 7 years ago

react-native-caroussel-pager v1.0.2

Weekly downloads
2
License
ISC
Repository
github
Last release
7 years ago

react-native-caroussel-pager

npm

Installation

npm install react-native-caroussel-pager --save

or

yarn add react-native-caroussel-pager

Usage

import {View} from 'react-native';
import React, {Component} from 'react';
import CarousselPager from 'react-native-caroussel-pager';

export default class Pager extends Component {
  render() {
    return (
      <View style={{flex: 1}}>
        <CarousselPager initialPage={2} pageStyle={{backgroundColor: '#fff'}}>
          <View key={'page0'}></View>
          <View key={'page1'}></View>
          <View key={'page2'}></View>
          <View key={'page3'}></View>
        </CarousselPager>
      </View>
    );
  }
}

Properties

NamepropTypedefault valuedescription
initialPagenumber0Initial page to display on render
verticalbooleanfalseSet to true if caroussel should be vertical
blurredZoomnumber0.8Zoom (number between 0 and 1) to apply to blurred pages
blurredOpacitynumber0.8Opacity (number between 0 and 1) to apply to blurred pages
containerPaddingnumber30Container padding (used to display part of preceding and following pages)
pageSpacingnumber10Space between pages
pageStyleobjectnullStyle to apply to each page