{"_id":"react-native-vertical-view-pager","_rev":"358006","name":"react-native-vertical-view-pager","description":"This component is designed for vertical swipe workaround for Android. If want to use horizontal swiper, use some exists components like React Native's ScrollView or ViewPagerAndroid.","dist-tags":{"latest":"0.1.1"},"maintainers":[{"name":"gychen","email":"gy.chen@gms.nutc.edu.tw"}],"time":{"modified":"2021-07-13T08:40:29.000Z","created":"2017-10-11T02:45:35.199Z","0.1.1":"2017-10-19T04:04:18.092Z","0.1.0":"2017-10-11T02:45:35.199Z"},"users":{},"repository":{"type":"git","url":"git+https://github.com/gy-chen/react_native_vertical_view_pager.git"},"versions":{"0.1.1":{"name":"react-native-vertical-view-pager","version":"0.1.1","homepage":"https://github.com/gy-chen/react_native_vertical_view_pager","repository":{"type":"git","url":"git+https://github.com/gy-chen/react_native_vertical_view_pager.git"},"devDependencies":{"prop-types":"^15.6.0","react":"16.0.0-alpha.12","react-native":"^0.48.4"},"peerDependencies":{"react":"*","react-native":"*"},"main":"index","gitHead":"3088ed0e31c473bf7f77a105ffb6c032de261d6a","description":"This component is designed for vertical swipe workaround for Android. If want to use horizontal swiper, use some exists components like React Native's ScrollView or ViewPagerAndroid.","bugs":{"url":"https://github.com/gy-chen/react_native_vertical_view_pager/issues"},"_id":"react-native-vertical-view-pager@0.1.1","_npmVersion":"5.3.0","_nodeVersion":"8.5.0","_npmUser":{"name":"gychen","email":"gy.chen@gms.nutc.edu.tw"},"dist":{"shasum":"c9ad2f3eb936219ff21cabd6d5842468a5ddbee3","size":82597,"noattachment":false,"key":"/react-native-vertical-view-pager/-/react-native-vertical-view-pager-0.1.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-native-vertical-view-pager/download/react-native-vertical-view-pager-0.1.1.tgz"},"maintainers":[{"name":"gychen","email":"gy.chen@gms.nutc.edu.tw"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-vertical-view-pager-0.1.1.tgz_1508385857976_0.00596332922577858"},"directories":{},"publish_time":1508385858092,"_hasShrinkwrap":false,"_cnpm_publish_time":1508385858092},"0.1.0":{"name":"react-native-vertical-view-pager","version":"0.1.0","homepage":"https://github.com/gy-chen/react_native_vertical_view_pager","repository":{"type":"git","url":"git+https://github.com/gy-chen/react_native_vertical_view_pager.git"},"devDependencies":{"prop-types":"^15.6.0","react":"16.0.0-alpha.12","react-native":"^0.48.4"},"peerDependencies":{"react":"*","react-native":"*"},"main":"index","gitHead":"7f2cffdb8872e12578f6c65f4effcffd2c69d7c9","description":"This component is designed for vertical swipe workaround for Android. If want to use horizontal swiper, use some exists components like React Native's ScrollView or ViewPagerAndroid.","bugs":{"url":"https://github.com/gy-chen/react_native_vertical_view_pager/issues"},"_id":"react-native-vertical-view-pager@0.1.0","_npmVersion":"5.3.0","_nodeVersion":"8.5.0","_npmUser":{"name":"gychen","email":"gy.chen@gms.nutc.edu.tw"},"dist":{"shasum":"7e2641510e3a1c3e20cc38c4ee842e1cb97d9c1e","size":82514,"noattachment":false,"key":"/react-native-vertical-view-pager/-/react-native-vertical-view-pager-0.1.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-native-vertical-view-pager/download/react-native-vertical-view-pager-0.1.0.tgz"},"maintainers":[{"name":"gychen","email":"gy.chen@gms.nutc.edu.tw"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-vertical-view-pager-0.1.0.tgz_1507689934867_0.4425460563506931"},"directories":{},"publish_time":1507689935199,"_cnpm_publish_time":1507689935199,"_hasShrinkwrap":false}},"readme":"## VerticalViewPager\nThis component is designed for vertical swipe workaround for Android. If want to use horizontal swiper, use some exists components like React Native's ScrollView or ViewPagerAndroid.\n\n## Usage\n```js\nimport React from 'react';\nimport { StyleSheet, Text, View, Dimensions } from 'react-native';\nimport VerticalViewPager from 'react-native-vertical-view-pager';\n\nconst { width, height } = Dimensions.get('window');\n\nexport default class App extends React.Component {\n    render() {\n        return (\n            <VerticalViewPager\n                showsVerticalScrollIndicator={false}>\n                <View style={[styles.page_container, {backgroundColor: 'pink'}]}>\n                    <Text>Page1: Open up App.js to start working on your app!</Text>\n                </View>\n                <View style={[styles.page_container, {backgroundColor: 'olive'}]}>\n                    <Text>Page2: Changes you make will automatically reload.</Text>\n                </View>\n                <View style={[styles.page_container, {backgroundColor: 'lightblue'}]}>\n                    <Text>Page3: Shake your phone to open the developer menu.</Text>\n                </View>\n            </VerticalViewPager>\n        );\n    }\n}\n\nconst styles = StyleSheet.create({\n    page_container: {\n        flex: 1,\n        justifyContent: 'center',\n        alignItems: 'center',\n        width,\n        height\n    }\n});\n```\n## Properties\nProperties of [ScrollView](https://facebook.github.io/react-native/docs/scrollview.html) should work.\n","_attachments":{},"homepage":"https://github.com/gy-chen/react_native_vertical_view_pager","bugs":{"url":"https://github.com/gy-chen/react_native_vertical_view_pager/issues"}}