1.0.2 • Published 8 years ago
react-native-caroussel-pager v1.0.2
react-native-caroussel-pager
Installation
npm install react-native-caroussel-pager --saveor
yarn add react-native-caroussel-pagerUsage
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
| Name | propType | default value | description | 
|---|---|---|---|
| initialPage | number | 0 | Initial page to display on render | 
| vertical | boolean | false | Set to trueif caroussel should be vertical | 
| blurredZoom | number | 0.8 | Zoom (number between 0 and 1) to apply to blurred pages | 
| blurredOpacity | number | 0.8 | Opacity (number between 0 and 1) to apply to blurred pages | 
| containerPadding | number | 30 | Container padding (used to display part of preceding and following pages) | 
| pageSpacing | number | 10 | Space between pages | 
| pageStyle | object | null | Style to apply to each page |