{"bugs":{"url":"https://github.com/react-native-community/react-native-viewpager/issues"},"dist":{"shasum":"71329e6ce161e2d89d9d53b67ed3fe19beddd5c3","tarball":"https://registry.npmjs.org/@react-native-community/viewpager/-/viewpager-5.0.3.tgz","fileCount":47,"integrity":"sha512-BiLOqXc26ZF0OcVIDt3/jqik6d7jxdPUYVbRjIQYgpAUCoMMyEozFkJAp9bNp23leCK/oWpgV7Ffz8sYppfISw==","signatures":[{"sig":"MEUCIQClhCS5z1ylBei7Pr7bDWQfcFlEDeO6uSklbgtA6jqkdgIgZlO5zNojdlErSdaoYNZmGYLE57wCUScv+66aEsGGFlY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":140517,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfx4kFCRA9TVsSAnZWagAAbMgP+wZyb9z6GpwuFDbFLivT\nay5ZYEmi4bwGSU3kzDwdLYIbaCU9xkWayCXNBOUj2MUcEI7g82CyQhU1+H7r\nuU6RrC6WI7SF1llaHZEUshtGFh7gdWEewdbCyhvDLKLt1ITZHpkJOqgPv4J6\nDuHN2TziCmjcpA8ETrnLsZ3FgQE/p6ugrsNn61V6AlRwa0qe3fCF0/R767Vc\ntH3fLnYRvZN3cA+f3ZckryBZEhAHIuQyVuTC+/imgJL9OaGGwKpaSP7v+z03\nbahDk13ZbuSPwYGFJVtAaHIYqEYr8QKFtb/b7CRny9wtXH6HEmTu7r4Ich8V\nOjeIg8YJyzGonKakcJ10yxMCXZNUauuxjLSwy+ssNjcTS/t3ZlzmCNYscsJr\nbxSZrv++LGNX1PbxHOsZ6Wn7PNUfzevgb2euPIpAzZh9cavu2IjHaze52Fzc\nWSxOoT+UPA7y+27rpuSTq8W+h3s26nRQrR+BUzUm6KUyV2jxXkfJXgEKUuVp\nNBOY2To6tDthWAyeJ9Qs5K92iGXBS4qTHQz2ifdK4YxpJuVIudT3phkkM3NH\n7CMaNEdRNzrSD0GK4s+6w7cwsVTOHmgAzv5ZPL2xsZ8ulbvrP015Z1AKZYeo\nzopV1pKRo9YRzn8jYWIneIhqIsyqxy12H0NfhU33iC/NZOGwcQAj9d0dD++3\nXW1q\r\n=sP7f\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"react-native"},"main":"js/index.js","name":"@react-native-community/viewpager","types":"typings/index.d.ts","author":{"name":"Ferran Negre Pizarro","email":"fnp.developer@gmail.com"},"readme":"# react-native-viewpager\n\n[![CircleCI branch](https://img.shields.io/circleci/project/github/react-native-community/react-native-viewpager/master.svg)](https://circleci.com/gh/react-native-community/react-native-viewpager/tree/master)\n[![npm package](https://badge.fury.io/js/%40react-native-community%2Fviewpager.svg)](https://badge.fury.io/js/%40react-native-community%2Fviewpager)\n[![Lean Core Extracted](https://img.shields.io/badge/Lean%20Core-Extracted-brightgreen.svg)](https://github.com/facebook/react-native/issues/23313)\n[![License](https://img.shields.io/github/license/react-native-community/react-native-viewpager?color=blue)](https://github.com/react-native-community/react-native-viewpager/blob/master/LICENSE)\n\nThis component allows the user to swipe left and right through pages of data. Under the hood it is using the native [Android ViewPager](https://developer.android.com/reference/android/support/v4/view/ViewPager) and the [iOS UIPageViewController](https://developer.apple.com/documentation/uikit/uipageviewcontroller) implementations. [See it in action!](https://github.com/react-native-community/react-native-viewpager#preview)\n\n<img src=\"docs/viewpager-logo.png\" alt=\"ViewPager\" width=\"500\" height=\"500\">\n\n## Versions\n\n| 1.x              | 2.x              | 3.x              | 4.x                |\n| ---------------- | -------------    | -------------    | -------------      |\n|                  | iOS support      | iOS support      | iOS support        |\n| Android support  | Android support  | AndroidX support | ViewPager2 support |\n\n## Getting started\n\n`yarn add @react-native-community/viewpager`\n\n## Linking \n\n### >= 0.60\n\nAutolinking will just do the job.\n\n### < 0.60\n\n#### Mostly automatic\n\n`react-native link @react-native-community/viewpager`\n\n#### Manual linking\n\n<details>\n<summary>Manually link the library on iOS</summary>\n</br>\n\nFollow the [instructions in the React Native documentation](https://facebook.github.io/react-native/docs/linking-libraries-ios#manual-linking) to manually link the framework or link using [Cocoapods](https://cocoapods.org) by adding this to your `Podfile`:\n\n```ruby\npod 'react-native-viewpager', :path => '../node_modules/@react-native-community/viewpager'\n```\n</details>\n\n<details>\n<summary>Manually link the library on Android</summary>\n</br>\nMake the following changes:\n\n#### `android/settings.gradle`\n```groovy\ninclude ':@react-native-community_viewpager'\nproject(':@react-native-community_viewpager').projectDir = new File(rootProject.projectDir, '../node_modules/@react-native-community/viewpager/android')\n```\n\n#### `android/app/build.gradle`\n```groovy\ndependencies {\n   ...\n   implementation project(':@react-native-community_viewpager')\n}\n```\n\n#### `android/app/src/main/.../MainApplication.java`\nOn top, where imports are:\n\n```java\nimport com.reactnativecommunity.viewpager.RNCViewPagerPackage;\n```\n\nAdd the `RNCViewPagerPackage` class to your list of exported packages.\n\n```java\n@Override\nprotected List<ReactPackage> getPackages() {\n  return Arrays.<ReactPackage>asList(\n    new MainReactPackage(),\n    new RNCViewPagerPackage()\n  );\n}\n```\n</details>\n\n## Usage\n\n```js\nimport React from 'react';\nimport {StyleSheet, View, Text} from 'react-native';\nimport ViewPager from '@react-native-community/viewpager';\n\nconst MyPager = () => {\n  return (\n    <ViewPager style={styles.viewPager} initialPage={0}>\n      <View key=\"1\">\n        <Text>First page</Text>\n      </View>\n      <View key=\"2\">\n        <Text>Second page</Text>\n      </View>\n    </ViewPager>\n  );\n};\n\nconst styles = StyleSheet.create({\n  viewPager: {\n    flex: 1,\n  },\n});\n```\n\n## API\n\n|Prop|Description|Platform|\n|-|:-----:|:---:|\n|`initialPage`|Index of initial page that should be selected|both\n|`scrollEnabled: boolean`|Should viewpager scroll, when scroll enabled|both\n|`onPageScroll: (e: PageScrollEvent) => void`|Executed when transitioning between pages (ether because the animation for the requested page has changed or when the user is swiping/dragging between pages)|both\n|`onPageScrollStateChanged: (e: PageScrollStateChangedEvent) => void`|Function called when the page scrolling state has changed|both\n|`onPageSelected: (e: PageSelectedEvent) => void`|This callback will be called once the ViewPager finishes navigating to the selected page|both\n|`pageMargin: number`|Blank space to be shown between pages|both\n|`keyboardDismissMode: ('none' / 'on-drag')`| Determines whether the keyboard gets dismissed in response to a drag|both\n|`orientation: Orientation`|Set `horizontal` or `vertical` scrolling orientation (it does **not** work dynamically)|both\n|`transitionStyle: TransitionStyle`|Use `scroll` or `curl` to change transition style (it does **not** work dynamically)|iOS\n|`showPageIndicator: boolean`|Shows the dots indicator at the bottom of the view|iOS\n|`overScrollMode: OverScollMode`|Used to override default value of overScroll mode. Can be `auto`, `always` or `never`. Defaults to `auto`|Android\n\n## Preview\n\n### Android\n\nhorizontal                 |  vertical\n:-------------------------:|:-------------------------:\n<img src=\"docs/android-viewpager.gif\" alt=\"ViewPager\" width=\"325\"> |  <img src=\"docs/android-viewpager-vertical.gif\" alt=\"ViewPager\" width=\"325\">\n\n### iOS\n\nhorizontal - scroll      |  horizontal - curl\n:-------------------------:|:-------------------------:\n<img src=\"docs/ios-viewpager-scroll.gif\" alt=\"ViewPager\" width=\"325\">  |  <img src=\"docs/ios-viewpager-curl.gif\" alt=\"ViewPager\" width=\"325\">\n\nvertical - scroll        |  vertical - curl\n:-------------------------:|:-------------------------:\n<img src=\"docs/ios-viewpager-vertical.gif\" alt=\"ViewPager\" width=\"325\">  |  <img src=\"docs/ios-viewpager-vertical-curl.gif\" alt=\"ViewPager\" width=\"325\">\n","gitHead":"6530a1fc0cd35620ccd0d50dbc90db2cbd98dd8b","license":"MIT","scripts":{"ios":"react-native run-ios --project-path=\"./example/ios\"","flow":"flow","lint":"eslint .","test":"echo \"Error: no test specified\" && exit 1","start":"node node_modules/react-native/local-cli/cli.js start","android":"react-native run-android --root=\"./example\"","release":"release-it --npm.tag=next --github.preRelease","lint:fix":"eslint . --fix"},"_npmUser":{"name":"trozee","email":"ptrocki@gmail.com"},"homepage":"https://github.com/react-native-community/react-native-viewpager#readme","keywords":["react-native","viewpager","view pager","tabs"],"deprecated":"This library is no longer supported. Please use react-native-pager-view instead","repository":{"url":"git+https://github.com/react-native-community/react-native-viewpager.git","type":"git"},"_npmVersion":"6.13.4","description":"React Native ViewPager native view","directories":{},"maintainers":[{"name":"trozee","email":"ptrocki@gmail.com"},{"name":"ferrannp","email":"fnp.developer@gmail.com"}],"_nodeVersion":"10.19.0","publishConfig":{"registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"24.1.0","react":"16.13.1","eslint":"6.5.1","flow-bin":"0.122.0","babel-jest":"^25.1.0","release-it":"^13.6.5","@babel/core":"^7.8.4","react-native":"0.63.2","react-test-renderer":"16.11.0","babel-plugin-module-resolver":"^3.1.3","metro-react-native-babel-preset":"^0.59.0","@react-native-community/eslint-config":"^1.1.0"},"peerDependencies":{"react":"^16.0","react-native":">=0.57"},"_npmOperationalInternal":{"tmp":"tmp/viewpager_5.0.3_1606912260392_0.5395024495290552","host":"s3://npm-registry-packages"},"_id":"@react-native-community/viewpager@5.0.3","version":"5.0.3"}