{"bugs":{"url":"https://github.com/react-native-community/react-native-viewpager/issues"},"dist":{"shasum":"eea559e3ed331c5c127e49c05d2b5c1c03e41fb7","tarball":"https://registry.npmjs.org/@react-native-community/viewpager/-/viewpager-5.0.1.tgz","fileCount":47,"integrity":"sha512-uFwmaQg4rcxXnNFljH/fATwTWNcx2xBcRoK/xoxTpsR8cFoCTf20zqkrvm9OU4FCj/kBx1DGGgvE3XSTDlMA2Q==","signatures":[{"sig":"MEUCIDvXiX60QGhTbnqIZi5+V9fLuaXl6uNr7mxeI28Ip4AeAiEA5vbBz6tRYqrPs5CnQjnfRtR2N82YcNc2bwW5z3Sp1eQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":140266,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfksR4CRA9TVsSAnZWagAAetIP/0P+iowhoQvw4GWFPt5B\nRfDHNOf/xtbqlanQTOfw742/nNNbYkANzFE+rW5gJAa1Tk1y/PM179CePCDY\n0qCTftvlLl/5MfvJeSIqJYjuno1HwJcTEE61Sh9/z6qq3FBaWYW1aHxUdvfX\nzMYp+VOLhPD4dvgvEjRgpIAbtbzCtKHaWPFUGC8ufMNoUzYrP3CRKwh+VBoc\nKTa/pm8ZEEMYVbWJQAa8gJEM62egBjd34Szp3UOHPlS+b7o6kyj4wMHy5EW+\n6kKGm+8ewX1W4gdFV9tApZIGHtzM5kakDeFMLrhmrm/pdQsVfCBCrMVfiPLZ\nu7ZTgPF/oeV8eM54h/okPLbC4ngUM0bCSUpwI5vzvZh5SqrnwfiPL5qIQqZP\nBA7gaOd13dXdMLmBOvB4TllvxDeYUiqeXGVmIpxUNKGIx7e2QCLmLBF1ykhv\nU4v410qxgVyoO6eqqYYtoW326K1rAPcAUqqZCeKPJyyN+JrFCq5Kv8iIPV05\n5kzVJdUxOl0t7mza2ulCAAB18FPZ2y+2TCWv1C4iCrVlF4aTdUBCdhrW8SXX\noqUkgwstnlSJbYvedU8AcrH0KyoaLuG3SVDZejieWFWYAu0JyW3FtnJ/qwHb\nxuUPAD+tDHQme9+nsm85XF4Cr677VASRMlvvIxWeCxwuOxlcWueNjFsAaeuC\n8Fez\r\n=XiXL\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":"9b40c540398e045117dd47c8bdba3a54816fea70","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.11.3","description":"React Native ViewPager native view","directories":{},"maintainers":[{"name":"trozee","email":"ptrocki@gmail.com"},{"name":"ferrannp","email":"fnp.developer@gmail.com"}],"_nodeVersion":"10.17.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.1_1603454071676_0.8142723107231755","host":"s3://npm-registry-packages"},"_id":"@react-native-community/viewpager@5.0.1","version":"5.0.1"}