{"_id":"@buhissopro/react-native-image-slider-show","_rev":"3-7a8a9ee6af393c730ee98b847a9da797","name":"@buhissopro/react-native-image-slider-show","dist-tags":{"latest":"1.4.0"},"versions":{"1.1.0":{"name":"@buhissopro/react-native-image-slider-show","version":"1.1.0","private":false,"description":"A quick and easy slideshow for react native.","main":"Slideshow.js","scripts":{},"repository":{"type":"git","url":"git+https://github.com/CMarshall92/react-native-image-slider-show.git"},"keywords":["react","native","slideshow"],"author":{"name":"Chris Marshall"},"homepage":"https://github.com/CMarshall92/react-native-image-slider-show#readme","gitHead":"45abe8efec07d566a0a25549034d47b2beda272d","bugs":{"url":"https://github.com/CMarshall92/react-native-image-slider-show/issues"},"_id":"@buhissopro/react-native-image-slider-show@1.1.0","_nodeVersion":"16.13.0","_npmVersion":"8.18.0","dist":{"integrity":"sha512-34qvWs63vUeolztq/WOPInZm5CXCj35lonxI82WEhGnYPS/pCxQDlvr6Ki0ZwqaEEtg/9fotrVd8+WMcK51P6A==","shasum":"37a81f2343c94fb7572cd1bbef3461517aff36e5","tarball":"https://registry.npmjs.org/@buhissopro/react-native-image-slider-show/-/react-native-image-slider-show-1.1.0.tgz","fileCount":3,"unpackedSize":15095,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC5K+NFek5qBz3uUSZ04EA4MENqWXVpHsYgXuqN3gYpNAiEAnC56JqooVOsohA29a1NSSoePJL7FV7+t8muo7m7xC0g="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjv0+MACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrrhRAAgOkQmxoWV1y7Sa5OmTL7kkTLKxvbxr3E9APvWvkW+LanvjRY\r\n9ddXLSP7ZDC2acfCPtAn4DGkes9YhTquaVDSDBpb7FNx3n2olXxYTmlPFYh7\r\nh6y4dpe8nBiTQETKVlGK19/YVmnCtJxN3Mnc3iZFFDnA/c9wpFABFNBv5wXO\r\nmpLxkx+rjFFtdiWVl0k/EAPBygC5KCFhTPevPlblgT8e3TAbRavvVcECfxwW\r\nMwZFuBqM0qrXw7BDmoac5wjAr7IXVjxUAN66pQZLRQyixUgzrfLMTLyNrrKe\r\ndWXnQtEaPDg0btZ/pWg8NNjF+dnj/tO3t4Q86X+0dO3EbQ4HOG0ACAPLuu9M\r\nBTesrLBpmBtZe+eloIVh2rYr05LPoKHI+zJsP5kKwo5uESuEl9MuUR39rxHb\r\n4aTFVQbYVqGjAAdx1FHFhn0/mejGhJ6F5HrwDP/na9ee+R3oLC0tqq10R2ZS\r\nFEvhkkRWgkas4sFb+FjuR8DzDrhA57Aq2CB9S8NcAqC/3gi8ZbXhLZMho+ii\r\ndOeVM7GQ8EE2T1JrsNLdrqIyIvBtB3B2zsTQGAzjTXXdxWzrJLphvGRu5lZn\r\nPxfdDyiQahe3zlg+6Fh9vi2Gx3XG7L1cB0RJxhdUqabHyuLkvHkL5XlokYjW\r\netTUxLLRCpizvBf36QSHR7h9pX6G1DaZFi8=\r\n=lbZa\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"buhissopro","email":"c.marshall.engineer@gmail.com"},"directories":{},"maintainers":[{"name":"buhissopro","email":"c.marshall.engineer@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-image-slider-show_1.1.0_1673482124500_0.46653787609708797"},"_hasShrinkwrap":false},"1.2.0":{"name":"@buhissopro/react-native-image-slider-show","version":"1.2.0","private":false,"description":"A quick and easy slideshow for react native.","main":"index.js","scripts":{},"repository":{"type":"git","url":"git+https://github.com/CMarshall92/react-native-image-slider-show.git"},"keywords":["react","native","slideshow"],"author":{"name":"Chris Marshall"},"homepage":"https://github.com/CMarshall92/react-native-image-slider-show#readme","gitHead":"f47ddcc2b973784a5c7f6a3e255e045935836ad5","bugs":{"url":"https://github.com/CMarshall92/react-native-image-slider-show/issues"},"_id":"@buhissopro/react-native-image-slider-show@1.2.0","_nodeVersion":"16.13.0","_npmVersion":"8.18.0","dist":{"integrity":"sha512-WH+X7qPsvRJLR7sMHhlIjEk7RT5ORNQjOGY2qIukPkVYlx7s0UgHLfaOD5nfUtrcdWyK/NmRfrMTsyl5pxZTMQ==","shasum":"cfe8b564a5db60f58c89741a2199ff914fddb463","tarball":"https://registry.npmjs.org/@buhissopro/react-native-image-slider-show/-/react-native-image-slider-show-1.2.0.tgz","fileCount":4,"unpackedSize":16535,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBy/gqPOyfCnqudeymP7gPML0tZYweKA61OpgQH/xPb0AiEAoTh97OpzwUTvDkYHkB9iwgiQ56VttATgIV15ggd1DkA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwYvqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoiYxAAkjuhJRoU3GqcwxU3L9fPO2XFALNgvAAwF7l6gKKIfUH5sOEj\r\n7Utwy+nP7I3zc461g3JHvKFZGk1Ix50hJ25h7Ne89Z1ktxVq74CkZfVl2L/V\r\ns0h2sVGZoLmgbbIbYVpqmLNzwFyKv6R4cefwdRxMgf+zjbkzIav7PGVsbNbz\r\nGjEaUIXEhr/o8FJLRc4ItdGKgUI2eCWgcS3PUVChSmS0o6gTn9GSxRKahK8L\r\nrymbUPJabO0728ZwGtFYDzas5ISXazj5W5eW6Gi1wAxkxqkS6tZ+ng5Tilqq\r\nHF8XHX4GM0nKxqrwqdDUtXIOqCRNRhd121AzFN9k8UROXNYv9lz8gWs3fTR8\r\nF6ihIqgAndMwaLMDX1pNi/r5eEB1xsNyQajeKm3mTTxvjT30Du2QXW9hEQIx\r\n3NQ7PLz6X4GEoRv77U2ElPGMDhHW0aXCQ8M+9R5ZiOqZRtlmKYcJgHok8E1Y\r\nPnT94FCBEoM/YIC7y+nM0SV5/s2bdLiOKEAsIntfQEDL/pm4jUveJMTs5MI+\r\nh6dVTXBBU7DTWsYDvuDD2sovKnYgknDOwVzLxoxvmMycFVqIUBaIiz5OEgw0\r\nG/E2lNY7QafyJ5fAMfohevel1ohEnrx4iANV7pGGQ5cF6Xb7bmkNWRKhcUwr\r\nAQlwHYPJyXUp9rkjYBCqAp5nPbS10mY6WsY=\r\n=ysea\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"buhissopro","email":"c.marshall.engineer@gmail.com"},"directories":{},"maintainers":[{"name":"buhissopro","email":"c.marshall.engineer@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-image-slider-show_1.2.0_1673628650347_0.3080568508891848"},"_hasShrinkwrap":false},"1.3.0":{"name":"@buhissopro/react-native-image-slider-show","version":"1.3.0","private":false,"description":"A quick and easy slideshow for react native.","main":"index.js","scripts":{},"repository":{"type":"git","url":"git+https://github.com/CMarshall92/react-native-image-slider-show.git"},"keywords":["react","native","slideshow"],"author":{"name":"Chris Marshall"},"homepage":"https://github.com/CMarshall92/react-native-image-slider-show#readme","gitHead":"3a13c4272c40b33f3383bffddb6ecb1430de7797","bugs":{"url":"https://github.com/CMarshall92/react-native-image-slider-show/issues"},"_id":"@buhissopro/react-native-image-slider-show@1.3.0","_nodeVersion":"16.13.0","_npmVersion":"8.18.0","dist":{"integrity":"sha512-mu2sHDYYHRa5zRxwQaXVeXUoE4H4joqbHlnx/cWWWjLPzVwgXpIDA2I+tKmQdorScC5/b+RgCuRWng5zGdsI/g==","shasum":"a12da75b617004a5dff437255c293b229d369eba","tarball":"https://registry.npmjs.org/@buhissopro/react-native-image-slider-show/-/react-native-image-slider-show-1.3.0.tgz","fileCount":4,"unpackedSize":16534,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIALsWQ5GbbrkUPKf5Nb06HlT7tMZmTE67/JxZPMgc59NAiAJDV0Ok3ID8Cvb5u47WGaOf25S4dEQFTuD+qD6G2KQvA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjweHxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrKLA/+P3Z1PCoxhph9cHBuFVPZJnVdS8ssdtnnZ4pxRnkOkE/c8bCX\r\nTrm1TJZalQ35oTa8ovktN8fTQcqEojXaL7ORyvTjHVn3hPOuSlNZ3rlA4U1+\r\nnGHmwPzuzFeQmZDHu+MZdgcnDbftZjgYWI8JOid603+oVgRxC/l83Si7KiSP\r\nDultZGxzDSvPaNxFLcn4noMBwVdAAGb6abul++gulI70bl3sIqlpFNO62nhW\r\nIq6ONAZ2aIUVsX5Hpjoi+zmUOfhX0eMTzPQHghHrLrprJ/U+X2b2KoSW+ELv\r\nAlkJs7yYmNg0Fdc53Y0EOAXQsjxH0D9AK4VDGV58U+Grg3y0ZmilRajD0hnm\r\nadXqutaNnDn5iZQ0ytBJT5Xl4Ec2r48o4nk4JRsGZPNQS5wCtlhR99tg+aSO\r\neINL6YeIGAinvoo9JEX3vk6iJewwteXEuuXSA28vQ6JrhPrRj4rjen6k5Btf\r\nJS89lJGW5BE+BL8vO37TWzr42p3vQwn4vkxSLZ/ERlGmTeZoFGHXYUJtZtZ/\r\nbakLl8xQr8R1snmF6yQyzXP+ij1a0j3fhaKH7RswFDPbsoFQR4B1ww46iPMP\r\n0O7ivS1GrxHukfTLQuOalw+qUwMyNnn4X5QCfU3GicUBukdoDC300i1rjUS2\r\ntaS//ZYg78mdNcJ4iYZSdjVowSoagN5lJC4=\r\n=G8l7\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"buhissopro","email":"c.marshall.engineer@gmail.com"},"directories":{},"maintainers":[{"name":"buhissopro","email":"c.marshall.engineer@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-image-slider-show_1.3.0_1673650673194_0.3128092047135318"},"_hasShrinkwrap":false},"1.4.0":{"name":"@buhissopro/react-native-image-slider-show","version":"1.4.0","private":false,"description":"A quick and easy slideshow for react native.","main":"index.js","scripts":{},"repository":{"type":"git","url":"git+https://github.com/CMarshall92/react-native-image-slider-show.git"},"keywords":["react","native","slideshow"],"author":{"name":"Chris Marshall"},"homepage":"https://github.com/CMarshall92/react-native-image-slider-show#readme","gitHead":"3a13c4272c40b33f3383bffddb6ecb1430de7797","bugs":{"url":"https://github.com/CMarshall92/react-native-image-slider-show/issues"},"_id":"@buhissopro/react-native-image-slider-show@1.4.0","_nodeVersion":"16.13.0","_npmVersion":"8.18.0","dist":{"integrity":"sha512-YNeE79EDC+D8z1FxkToZPh6vkA9VoctBxH39nnYEzVoVakgoFes4iKHVLf+Yo/IngsfslTO0BWN6ai/J7lhH7Q==","shasum":"c4c398347a65c348e58c94eb59367f1a6d70ba3e","tarball":"https://registry.npmjs.org/@buhissopro/react-native-image-slider-show/-/react-native-image-slider-show-1.4.0.tgz","fileCount":4,"unpackedSize":16507,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCFUyqL16HOngq22GTurmvTzVfIHC53qjq2K30DLptHNAIhAPc3NCddZ3PwvBeCrVxmrgMKBv94z4fc8KMTD/kj9VzC"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjweNlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqVeQ//Ycat60eksO55i/zGd+stY0Vy2cxoJddQvbrP21/L6RFGQScK\r\nvh7CuJP+RIquDIPF/O86ZPBDzm1XfeOYPCnRVFSrq/ShNaroDg8a78NxAig7\r\nUNaCATSpvggtBfm+C2mhX9T6dKXg2IH4FAF3HH6nNv7snVw84vWkTNAPJ/Ec\r\njkReWtaw3fe3jaZxI/PtllchWEpjqwJQmVgbg9lYdSUk5i4D2cQN4rq9AaZT\r\now8pND1C5g71i2dseAFl5+30+fsFDCbj3GTESeN4LzTPkHRXYsYbq8tMfFI4\r\nXXn1n039nd30eVlJQClLrylJzGdaj9FRl2xHRfOwcKQNNGw1pYYRGrb1crY/\r\nxN/ceb9vcOFuZtbrx1ylEgScQBmpqkosF0uMmObzIF3e52rWuOnD9zYYzF9G\r\nEf7ko5VqdmqI6TWL7pMBnJD+bGp/l2nCBFGd04GJCcKSPDOTUBTSaA5pY9zS\r\nuy/I4JpkX+XQ6woPo4S1sGrDeZoFKTVw/NC5hARCeLYEqDUSko0fl/2c2RLR\r\nK3dhDWGN+tvVMytNHuKVfqwgWvGR14eHgX6BpmX9gWxFGx2KwLdHtUqNTUsO\r\n4S2wN2ksLeG8702k9WpFBnQML2LgsEnqE+3VHDd8TA8tx3jBn9e1fTMBbVnm\r\nbvfRb8/jwnw0xmWafuk6wqDYXCZWN9nxSEs=\r\n=Adsn\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"buhissopro","email":"c.marshall.engineer@gmail.com"},"directories":{},"maintainers":[{"name":"buhissopro","email":"c.marshall.engineer@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-image-slider-show_1.4.0_1673651045435_0.9910782215564578"},"_hasShrinkwrap":false}},"time":{"created":"2023-01-12T00:08:44.378Z","1.1.0":"2023-01-12T00:08:44.702Z","modified":"2023-01-13T23:04:05.729Z","1.2.0":"2023-01-13T16:50:50.502Z","1.3.0":"2023-01-13T22:57:53.422Z","1.4.0":"2023-01-13T23:04:05.643Z"},"maintainers":[{"name":"buhissopro","email":"c.marshall.engineer@gmail.com"}],"description":"A quick and easy slideshow for react native.","homepage":"https://github.com/CMarshall92/react-native-image-slider-show#readme","keywords":["react","native","slideshow"],"repository":{"type":"git","url":"git+https://github.com/CMarshall92/react-native-image-slider-show.git"},"author":{"name":"Chris Marshall"},"bugs":{"url":"https://github.com/CMarshall92/react-native-image-slider-show/issues"},"readme":"# react-native-image-slider-show\n\nA quick and easy slideshow for react native. (Android & iOS)\n\n![GIF](/assets/demo1.gif) ![GIF](/assets/demo2.gif)\n\n---\n\n## Installation with expo\n\n```bash\nexpo install react-native-image-slider-show --save\n```\n\n## Installation\n\n```bash\nnpm install react-native-image-slider-show --save\n```\n\n---\n\n## Usage\n```\nimport Slideshow from 'react-native-image-slider-show';\n```\n\n## Autoplay Example\n\n```javascript\nimport Slideshow from 'react-native-image-slider-show';\n\nconst fetchImages = async (callback) => {\n  try {\n    axios.defaults.baseURL = API_BASE;\n    const response = await axios.get('/');\n    callback(response.data);\n  } catch (error) {\n    console.error(error);\n  }\n}\n\nconst SlideshowTest = () => {\n  const [dataSource, setDataSource] = React.useState([]);\n  const [position, setPosition] = React.useState(0);\n\n  React.useEffect(() => {\n    fetchImages((data) => { \n      setDataSource(data.map((url) => ({ url })))\n    });  \n  }, [])\n\n  React.useEffect(()=>{\n    const toggle = setInterval(() => {\n      setPosition(\n        position === dataSource.length - 1 ? 0 : position + 1\n      );\n    }, 10000);\n\n    return () => clearInterval(toggle);\n  })\n\n  return (\n    <Slideshow position={position} dataSource={dataSource} />\n  )\n}\n```\n\n---\n\n## Props\n\n| Property | Type | isRequired? | Default | Description |\n| -------- | :--: | :---------: | :-----: | ----------- |\n| `dataSource` | bool | required | - | slideshow data |\n| `height` | number | optional | 200 | container height |\n| `position` | number | optional | - | set position slideshow |\n| `scrollEnabled` | bool | optional | true | enable / disable scrolling |\n| `overlay` | bool | optional | false | background overlay |\n| `indicatorSize` | number | optional | 16 | indicator size |\n| `indicatorColor` | string | optional | #CCCCCC |indicator color |\n| `indicatorSelectedColor` | string | optional | #FFFFFF | indicator selected color |\n| `arrowSize` | number | optional | 16 | arrow size |\n| `arrowLeft` | object | optional | - | component arrow left |\n| `arrowRight` | object | optional | - | component arrow right |\n| `onPress` | func | optional | - | returns an object image and index of image pressed|\n| `onPositionChanged` | func | optional | - | called when the current position is changed |\n| `containerStyle` | object | optional | - | custom styles for container |\n| `titleStyle` | object | - | - | custom styles for title |\n| `captionStyle` | object | - | - | custom styles for caption |\n\n## Forked Repo Extended Props\n\n| Property | Type     | isRequired? | Default | Description |\n| -------- | :------: | :---------: | :-----: | ----------- |\n| `hideSideArrows`    | boolean     | false   | changing this allows you to hide the side arrows |\n| `hidePageIndicator` | boolean     | false   | changing this allows you to hide the page indicators |\n\n---\n\n## Data Structure\n\n```javascript\n// example data structure\n\ndataSource: [\n  {\n    title: 'title 1',\n    caption: 'caption 1',\n    url: 'url 1',\n  }, {\n    title: 'title 1',\n    caption: 'caption 1',\n    url: 'url 2',\n  },\n]\n```\n\n| Property  | Type            | Description                          |\n| --------- | :-------------: | ------------------------------------ |\n| `title`   | string          | title                                |\n| `caption` | string          | caption                              |\n| `url`     | string / number | image (URL or a local file resource) |\n\n---\n\n## Credits\n[react-native-image-slider](https://github.com/CMarshall92/react-native-image-slider-show)\n\n## License\nMIT","readmeFilename":"README.md"}