{"_id":"@ani4aniket/rn-infinite-scroll","_rev":"2-6030582d40997bb4b37d7746db2b7883","name":"@ani4aniket/rn-infinite-scroll","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"@ani4aniket/rn-infinite-scroll","version":"0.0.1","description":"A react native component that lets you scroll infinitely in both directions by repeating the same items.","main":"src/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":["react-native","infinite","scroll","looping"],"bugs":{"url":"https://github.com/ani4aniket/rn-infinite-scroll/issues"},"dependencies":{"prop-types":"15.7.2"},"peerDependencies":{"react":"^16.13.1","react-native":"^0.62.2"},"devDependencies":{"babel-jest":"26.1.0","babel-preset-react-native":"4.0.1","jest":"26.1.0","react-test-renderer":"16.13.1"},"repository":{"type":"git","url":"git+https://github.com/ani4aniket/rn-infinite-scroll.git"},"author":{"name":"Aniket Kumar","email":"aniketkumar049@gmail.com"},"license":"MIT","gitHead":"3187aaa00e89ede85f5a52e77c31a2309a3e2286","homepage":"https://github.com/ani4aniket/rn-infinite-scroll#readme","_id":"@ani4aniket/rn-infinite-scroll@0.0.1","_nodeVersion":"12.16.3","_npmVersion":"6.14.5","dist":{"integrity":"sha512-FyeXIe1gC8QZPOVevvkLl5C+Rukf9TEQpb0CJRPnN01aNvLejS0uR1ejlOgE852QAg2tTELIe8qKF2a8fPatBw==","shasum":"87bc199ebb6a49f7c2d0fa2d9e8bd88670b80baa","tarball":"https://registry.npmjs.org/@ani4aniket/rn-infinite-scroll/-/rn-infinite-scroll-0.0.1.tgz","fileCount":5,"unpackedSize":3918916,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+jbYCRA9TVsSAnZWagAAVCYP/1DsXGtXBc02yz3K+ufO\n7wZqlghR9TSWNoHhQbVflpHvHjML/vLCi3JGijrjBA2N32no+vmjqDgtxKSP\nLkU9emO9qhPcB2bQ85MbCmjeAU46S0OwccAqo4CKLt9V04BQ4S9h+puOrgQB\n7MyX0iKlV+I7tNA89xg67gokBuodWqpH2sWBonckDH02IxXkcE4jXKDw8OSs\nNBNDwZya3BgWwp6bwWdG1l4+/SWnM+2w00PLHJsjH1mQZVQ/qmlVKzVApo7s\ngP1dkZvfLI9qhktPqqglTj8wBMNmGQhNKxcDEyL5W/Gv0kbAMtckPHMACz3V\nUYVL5wlMirs5E0mAJFaf5JVECRwblbzmRXHLzPo8PgUd/+SLMgDMVj1JtcA5\nHNXOcALtMrvZ26mpO3+GnxJfoqa6+6+Ajj6MaIXXx8xLdkJMrh/tTGjA4wAs\nc+rbNcoHb9QSC2TAVv56K8plApx0/D9iWZtABNVZkCfVub6LsHrmWy/jOyKK\n4gcrEA1WVdb2leNVKX0NkdqfLO4Gzkl8zxauP/BaSEEDTvgA+pCS+mGlf4yE\nNSrqENrV47rr/c8ftrh6CYM3ct5tUufvOXgEIySTuOk5v1N0lZRDd6DHACZG\n8Pr06zJiSEbhfs2PP95Hw+mXVQnnBQQ0bwdLltCjLrql4AHx4i0dpATvToFR\n/ssO\r\n=K0rU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAjyirMvfSYqqcPTSOlZGETeuh20ND5I+xpaBunfyxomAiEA/sgL3rk7SFAgQgB2NRf3Nlp3w5YhdgbM3WRW6cv/9xs="}]},"maintainers":[{"name":"ani4aniket","email":"aniketkumar049@gmail.com"}],"_npmUser":{"name":"ani4aniket","email":"aniketkumar049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rn-infinite-scroll_0.0.1_1593456344059_0.5640012085263431"},"_hasShrinkwrap":false},"0.0.2":{"name":"@ani4aniket/rn-infinite-scroll","version":"0.0.2","description":"A react native component that lets you scroll infinitely in both directions by repeating the same items.","main":"src/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":["react-native","infinite","scroll","looping"],"bugs":{"url":"https://github.com/ani4aniket/rn-infinite-scroll/issues"},"dependencies":{"prop-types":"15.7.2"},"peerDependencies":{"react":"^16.13.1","react-native":"^0.62.2"},"devDependencies":{"babel-jest":"26.1.0","babel-preset-react-native":"4.0.1","jest":"26.1.0","react-test-renderer":"16.13.1"},"repository":{"type":"git","url":"git+https://github.com/ani4aniket/rn-infinite-scroll.git"},"author":{"name":"Aniket Kumar","email":"aniketkumar049@gmail.com"},"license":"MIT","gitHead":"22219f82e63657fb8cfef4864854261f8fcd9357","homepage":"https://github.com/ani4aniket/rn-infinite-scroll#readme","_id":"@ani4aniket/rn-infinite-scroll@0.0.2","_nodeVersion":"12.16.3","_npmVersion":"6.14.5","dist":{"integrity":"sha512-n8VlsZ3SK1lRvVCX9MFwcKkCcbDPvpNYpPQU2MyW9jt06nmZsAAKADlVlNUBQhylAwcI3gFQ5rOULHkngpWWYQ==","shasum":"2b8067a250ef865e5ea63bd77bdda0faab88cbfb","tarball":"https://registry.npmjs.org/@ani4aniket/rn-infinite-scroll/-/rn-infinite-scroll-0.0.2.tgz","fileCount":5,"unpackedSize":3918985,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+jfMCRA9TVsSAnZWagAAYDEQAJsiRD02I8sHGbQUPwjx\n/ko4tjlQG1bohp7MG4w3UyPWjYiuyCqEP9M7TaG2KxQ3t42LqtkwLrP3IV/P\nq4LZ18KwL9O9b8IE6smCw+8HwS/t8Bfb92i0MFn8kVir9M/0WeunB3xmtN1+\nwaLVdDWHKTBCgiVilVCEtfSkY7kX/P47NC5BXppPtkf1yf+igP8XHIpxYYWv\nugvE3mOUS+tS4SMz0NYum0nWv+BeAXbwfqE0pLTT2raHAUbym/hw7y1xar7e\nDyuOqUQEQp+FM5Bz9cgNypxINtb7/tW5DXuLNRTXzX2Cos1bHlMQcJW6HBow\nPRVSMcvud3EgXILKoZJoYR51rd4kOJtARfjTQFH7k6LzCmF7z0HEpKl8AUnk\n+0VGUrJBm5Gb/3t0cu2xnH2IsvlcsdBuMXe0+mzJi/jLWIdVngFjjssiZdwY\nitdcslhtOYpx+VsLc5IpOviCpz+sg2c6lM3zJoob/DgQwyqALgWn7uytCFME\n5loZN2vtjqsvPyzFpCK72+Zk16/QJli/yDIYJjILqcdbIseua50Ac+Fx9QhN\nXbqbKJoAf+P0EVz7SnEYS9d8vmlWJfYr1SUiLEnBFew5z3KhyFhq2Q9LXx7T\nZfb6OVm/eqyMNhCvA1nC5/lRUvSrUjhvD5r4nndXM0R62SNxuHZ4fL5k+/Ek\nN4E6\r\n=ALNa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC0/Nyzh9O2Mw7kk7OXyoVwZu1PdurBAQSKKEI8cww8IgIgZ+Ui0JGFiLL94nyIoH+g2Lb8Q1KRHeLdUN0q+dmnNxM="}]},"maintainers":[{"name":"ani4aniket","email":"aniketkumar049@gmail.com"}],"_npmUser":{"name":"ani4aniket","email":"aniketkumar049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rn-infinite-scroll_0.0.2_1593456587846_0.8554802596802809"},"_hasShrinkwrap":false}},"time":{"created":"2020-06-29T18:45:44.014Z","0.0.1":"2020-06-29T18:45:44.544Z","modified":"2022-04-04T14:10:39.660Z","0.0.2":"2020-06-29T18:49:48.073Z"},"maintainers":[{"name":"ani4aniket","email":"aniketkumar049@gmail.com"}],"description":"A react native component that lets you scroll infinitely in both directions by repeating the same items.","homepage":"https://github.com/ani4aniket/rn-infinite-scroll#readme","keywords":["react-native","infinite","scroll","looping"],"repository":{"type":"git","url":"git+https://github.com/ani4aniket/rn-infinite-scroll.git"},"author":{"name":"Aniket Kumar","email":"aniketkumar049@gmail.com"},"bugs":{"url":"https://github.com/ani4aniket/rn-infinite-scroll/issues"},"license":"MIT","readme":"# @ani4aniket/rn-infinite-scroll\n\nA react native component that lets you scroll infinitely in both directions by repeating the same items.\n\n<p align=\"center\">\n<img src=\"https://raw.githubusercontent.com/tjacobdesign/react-native-infinite-looping-scroll/master/infinite-gif.gif\" width=\"640\" height=\"525\">\n</p>\n\n## Installation\n\nRun `npm install @ani4aniket/rn-infinite-scroll` or `yarn add @ani4aniket/rn-infinite-scroll` in your project directory.\n\n## Usage\n\nThis snippet would produce the output shown in the above gif\n\n```\nimport React, { Component } from 'react';\nimport { Platform, StyleSheet, Text, View, FlatList, } from 'react-native';\nimport InfiniteScroll from 'react-native-infinite-looping-scroll';\n\n\nexport default class App extends Component {\n  constructor(props) {\n    super(props)\n  }\n \n  render() {\n    return (\n      <View style={styles.container}>\n        <InfiniteScroll\n        data={[{ key: '1' }, { key: '2' }, { key: '3' }, { key: '4' }, { key: '5' }, { key: '6' }, { key: '7' }]}\n        renderItem={({ item }) => <View style={styles.listItem}><Text style={styles.text}>{item.key}</Text></View>}\n        />\n        \n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n    backgroundColor: '#F5FCFF',\n  },\n  listItem: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    padding: 50,\n    margin: 2,\n    borderColor: '#0099A8',\n    borderWidth: 10,\n    backgroundColor: '#FEFEFE'\n  },\n  text: {\n    color: '#0099A8',\n    fontSize: 32,\n    fontWeight: 'bold'\n  },\n  welcome: {\n    fontSize: 20,\n    textAlign: 'center',\n    margin: 10,\n  },\n  instructions: {\n    textAlign: 'center',\n    color: '#333333',\n    marginBottom: 5,\n  },\n});\n\n```\n\n## Props\n\nIt accepts all the [FlatList](https://facebook.github.io/react-native/docs/flatlist.html) props out of which renderItem and data are the compulsory ones and has one more extra prop called `offset` which lets you set the offset at which new data should be added. The default value is 20 and you can change it according to your item.\n\n","readmeFilename":"README.md"}