{"bugs":{"url":"https://github.com/react-native-community/react-native-viewpager/issues"},"dist":{"shasum":"ca1097ddadca10ebdeb8f9bb20d7fc39f4c56beb","tarball":"https://registry.npmjs.org/@react-native-community/viewpager/-/viewpager-5.0.4.tgz","fileCount":47,"integrity":"sha512-8pM1+4tggrnEKbHiso4vVyxZhuIelaZaHejPwj767WWeuigrNPezFV5+r5vBZvwcgPbCW76sYdBiwyWLwdb+Aw==","signatures":[{"sig":"MEUCIQDvraZEcifdn4AD+Ev4sXf2a9JFK5zlSCsNrTS/Jtut/QIgB7QP4c3Ojxgg0L7QuQx8iZvEuVV2fyZ/YyA01NK5g+k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":140589,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfx4sECRA9TVsSAnZWagAA9xkQAKTJhBdd85Yg7hipKPCh\nNXHgg5mMCITOaWTCAIOS9AowVrzH1Eeifnpon19d/mCWEOI+vT38bWzgnyi8\n9Jnqkp/1DYreE7UnyEU6Ufx9CfT6K2eJg9ioGy9yaTIUrqTtnqjYxOaQw+vu\n9dSHHPf2KyiDNajrx5FXDnvQ/1oq0ifr08FhaexnZPjSJBb4eBy8JeyPYtmp\nUo6kN4zV0UAmw5+Yg1NX9Exoj6SVxCD35BzEcDgdh1Vhgfg45Zb1qOoC0o+Z\nFD7Q+Gus/jw7i1L6F3mQ13359XqnjvpyX2FQt6Cy2onKudliyH0IYytCZqbO\naZnADQLSld0MiPye8SDEYjx17Cmb9eg7Lf3gd93DczGsCCShUCui+6QTksbn\n5OoBB+rTDiBjyjtmG96Ghz5LP4yNQoo9xeo/lA39Y3LfjQklb8x9eBjVy9Qm\niYgaqbwlWEV6mcrvVF3Ui102Hr8wJf3nWDhTcnnLb5zE+XTBlbc+auah7+52\nylxzPvLQK4ZIcy3/XVjr2cd0igpdGXB7FIUvYoMBFq7mjZjm4fRL0oHImu2L\n8JsJZPkhPQVt0GVW7KqXUbKeUAC828nQ+e2gbH8aeTgA2riSKtDbmF+lT4Z6\nwn5wus5diNFhkYet+T7XvEllLyb5tQyYhgWN939vU8+JTy6lAm1XAsphj1HF\nIvJm\r\n=vC1d\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":"c5cd3901a620c91f79f7dbe2616f2606aa306720","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.4_1606912771905_0.06330950830028947","host":"s3://npm-registry-packages"},"_id":"@react-native-community/viewpager@5.0.4","version":"5.0.4"}