{"_id":"@coder-shubh/react-native-image-slider","_rev":"10-d6aea1943fa4aa3c66f698b16fe2a826","name":"@coder-shubh/react-native-image-slider","dist-tags":{"latest":"2.0.0"},"versions":{"1.0.0":{"name":"@coder-shubh/react-native-image-slider","version":"1.0.0","keywords":["react","react-native","slider","image","image-slider","banner","banner-slider","carousel","component","coder-shubh"],"author":{"name":"coder-shubh"},"license":"ISC","_id":"@coder-shubh/react-native-image-slider@1.0.0","maintainers":[{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"}],"homepage":"https://github.com/coder-shubh/react-native-image-slider.git#readme","bugs":{"url":"https://github.com/coder-shubh/react-native-image-slider.git/issues"},"dist":{"shasum":"0e8ee2c93fbe1bbbed62a742adc4af7e0b33bd72","tarball":"https://registry.npmjs.org/@coder-shubh/react-native-image-slider/-/react-native-image-slider-1.0.0.tgz","fileCount":5,"integrity":"sha512-eV32w6pFa+p6g4xoaooSbabcM2Yh2ehLWeL0cLUTFL2nRIV5/P9a3svm8yJmQcZMm26Y9KnpfxqWbHLUduwIAA==","signatures":[{"sig":"MEUCIHTJz++Snw1ZcqOjGY9pH7IzqBnRssxfBLQ8rvUP3POmAiEAjFzUfWJ9MM3dTF9zmDUKC4r+D1+tF51gFA2SyzWlxkY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":8836},"main":"index.js","gitHead":"62935170c5d7e8d3d53acf41963653de6a398d0c","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"},"repository":{"url":"git+https://github.com/coder-shubh/react-native-image-slider.git","type":"git"},"_npmVersion":"9.5.1","description":"A customizable and easy-to-use image slider component for React-Native.","directories":{},"_nodeVersion":"18.16.1","_hasShrinkwrap":false,"peerDependencies":{"react":"18.2.0","react-native":"0.72.10","react-native-vector-icons":"^10.0.3"},"_npmOperationalInternal":{"tmp":"tmp/react-native-image-slider_1.0.0_1711183419309_0.9063399199245912","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@coder-shubh/react-native-image-slider","version":"1.0.1","keywords":["react","react-native","slider","image","image-slider","banner","banner-slider","carousel","component","coder-shubh"],"author":{"name":"coder-shubh"},"license":"ISC","_id":"@coder-shubh/react-native-image-slider@1.0.1","maintainers":[{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"}],"homepage":"https://github.com/coder-shubh/react-native-image-slider.git#readme","bugs":{"url":"https://github.com/coder-shubh/react-native-image-slider.git/issues"},"dist":{"shasum":"32f0f06eeb575a2d15109c5df55a5a1e599f23db","tarball":"https://registry.npmjs.org/@coder-shubh/react-native-image-slider/-/react-native-image-slider-1.0.1.tgz","fileCount":4,"integrity":"sha512-5h7nsE2rv2TRWPF149LDEcw1Td3PtWCuM4ZNn8c3sCMa4QRHhtfmybPLzzHEYMoxozQlIir2siwot6VEJkTBkQ==","signatures":[{"sig":"MEUCIQDkwfNPd0doGP4nEfy42VZXf+2/ItvzO1sonUtblNEbvQIgYRULTbycQD1FUXh3YdgS5zda/d7xbBLjD/f2KKvSezY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":8766},"main":"index.tsx","gitHead":"62935170c5d7e8d3d53acf41963653de6a398d0c","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"},"repository":{"url":"git+https://github.com/coder-shubh/react-native-image-slider.git","type":"git"},"_npmVersion":"9.5.1","description":"A customizable and easy-to-use image slider component for React-Native.","directories":{},"_nodeVersion":"18.16.1","_hasShrinkwrap":false,"peerDependencies":{"react":"18.2.0","react-native":"0.72.10","react-native-vector-icons":"^10.0.3"},"_npmOperationalInternal":{"tmp":"tmp/react-native-image-slider_1.0.1_1711183799266_0.9627039946127092","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@coder-shubh/react-native-image-slider","version":"1.0.2","keywords":["react","react-native","slider","image","image-slider","banner","banner-slider","carousel","component","coder-shubh"],"author":{"name":"coder-shubh"},"license":"ISC","_id":"@coder-shubh/react-native-image-slider@1.0.2","maintainers":[{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"}],"homepage":"https://github.com/coder-shubh/react-native-image-slider.git#readme","bugs":{"url":"https://github.com/coder-shubh/react-native-image-slider.git/issues"},"dist":{"shasum":"e2cffc979ddc2d285f0bbab6591bd9f10b797c5c","tarball":"https://registry.npmjs.org/@coder-shubh/react-native-image-slider/-/react-native-image-slider-1.0.2.tgz","fileCount":6,"integrity":"sha512-LbP5MS5GGQMqbDfCWZscxRzA8NswWaCwIZmhWssm9n9tZ1j3KB/gef2LLE71hCNogc4Jf5gqM/zN1lgl6MWcoQ==","signatures":[{"sig":"MEUCIQCWlZ8txbChnKd1zYp0qvAxkuK2Khf7o5U1FIHIKYZ6NQIgYgjGr5WjQrmBnVWytdyRj0CYGX72z016MEWfCydn/oA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1203797},"main":"index.tsx","gitHead":"51c8d800a8b747a86887f491f547d514d4d85c18","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"},"repository":{"url":"git+https://github.com/coder-shubh/react-native-image-slider.git","type":"git"},"_npmVersion":"9.5.1","description":"A customizable and easy-to-use image slider component for React-Native.","directories":{},"_nodeVersion":"18.16.1","_hasShrinkwrap":false,"peerDependencies":{"react":"18.2.0","react-native":"0.72.10","react-native-vector-icons":"^10.0.3"},"_npmOperationalInternal":{"tmp":"tmp/react-native-image-slider_1.0.2_1711185906457_0.8732008345297029","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@coder-shubh/react-native-image-slider","version":"1.0.3","keywords":["react-native-image-slider-box","react-native-image-slider","react-native-slider","ReactNative","react","react-native","slider","image","image-slider","banner","banner-slider","carousel","component","coder-shubh","react-component","react-native-component","mobile","ui","slider","image paging slider"],"author":{"name":"coder-shubh"},"license":"ISC","_id":"@coder-shubh/react-native-image-slider@1.0.3","maintainers":[{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"}],"homepage":"https://github.com/coder-shubh/react-native-image-slider.git#readme","bugs":{"url":"https://github.com/coder-shubh/react-native-image-slider.git/issues"},"dist":{"shasum":"41cf162319cb3d582260e4630c004c3bed6aa156","tarball":"https://registry.npmjs.org/@coder-shubh/react-native-image-slider/-/react-native-image-slider-1.0.3.tgz","fileCount":6,"integrity":"sha512-/7aIz4Vz4o5f8upQ8iL5LMxVYf7SdsJfGJMG3xtg/ZfJd0K3jLMZPqCLKlkJopFYoWN9xuzU32X2FsMeEGwT3g==","signatures":[{"sig":"MEYCIQCqDyE/l1UQXPTlKvObCRRGMdKRdWFsMwOeWzz2ww3rJgIhAM/b6EZzFw7st2RWNXSpCpR7YfeCaDf8iH5NitzIoTWL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1204228},"main":"index.tsx","gitHead":"1e95efc1c3d2d4b949bfc47c2da308b567f5005e","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"},"repository":{"url":"git+https://github.com/coder-shubh/react-native-image-slider.git","type":"git"},"_npmVersion":"9.5.1","description":"A customizable and easy-to-use image slider component for React-Native.","directories":{},"_nodeVersion":"18.16.1","_hasShrinkwrap":false,"peerDependencies":{"react":"18.2.0","react-native":"0.72.10","react-native-vector-icons":"^10.0.3"},"_npmOperationalInternal":{"tmp":"tmp/react-native-image-slider_1.0.3_1711873801309_0.9792775091056538","host":"s3://npm-registry-packages"}},"1.0.4":{"name":"@coder-shubh/react-native-image-slider","version":"1.0.4","keywords":["react-native-image-slider-box","react-native-image-slider","react-native-slider","ReactNative","react","react-native","slider","image","image-slider","banner","banner-slider","carousel","component","coder-shubh","react-component","react-native-component","mobile","ui","slider","image paging slider"],"author":{"name":"coder-shubh"},"license":"ISC","_id":"@coder-shubh/react-native-image-slider@1.0.4","maintainers":[{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"}],"homepage":"https://github.com/coder-shubh/react-native-image-slider.git#readme","bugs":{"url":"https://github.com/coder-shubh/react-native-image-slider.git/issues"},"dist":{"shasum":"98f615206f1794c2b24fc28da030a8034aafeb24","tarball":"https://registry.npmjs.org/@coder-shubh/react-native-image-slider/-/react-native-image-slider-1.0.4.tgz","fileCount":7,"integrity":"sha512-ZhqCLZw/4QqQt9fYi38TruitO+FdQrUPmeR3aSnk/EHn0WJuHkm7ZGelXSBNDxedkZeFVSs4ap/cr3qcTTMZyQ==","signatures":[{"sig":"MEYCIQCpuchr/ewBVJAJZxUelj0I9vPcPlFdQnU/Zv4NO2EWqwIhALqUUQqWzOXnhAi1hUMGhiOgJ3eap+oQGoYNnuq8uRkv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1631706},"main":"index.tsx","gitHead":"5c5fc094e8d20e08857a78b99562ada9650e51aa","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"},"repository":{"url":"git+https://github.com/coder-shubh/react-native-image-slider.git","type":"git"},"_npmVersion":"9.5.1","description":"A customizable and easy-to-use image slider component for React-Native.","directories":{},"_nodeVersion":"18.16.1","_hasShrinkwrap":false,"peerDependencies":{"react":"18.2.0","react-native":"0.72.10","react-native-vector-icons":"^10.0.3"},"_npmOperationalInternal":{"tmp":"tmp/react-native-image-slider_1.0.4_1711875215435_0.6325305072956973","host":"s3://npm-registry-packages"}},"1.0.5":{"name":"@coder-shubh/react-native-image-slider","version":"1.0.5","keywords":["react-native-image-slider-box","react-native-image-slider","react-native-slider","ReactNative","react","react-native","slider","image","image-slider","banner","banner-slider","carousel","component","coder-shubh","react-component","react-native-component","mobile","ui","slider","image paging slider"],"author":{"name":"coder-shubh"},"license":"ISC","_id":"@coder-shubh/react-native-image-slider@1.0.5","maintainers":[{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"}],"homepage":"https://github.com/coder-shubh/react-native-image-slider.git#readme","bugs":{"url":"https://github.com/coder-shubh/react-native-image-slider.git/issues"},"dist":{"shasum":"a8639e43a400467c1df06aab51a6115f699bef13","tarball":"https://registry.npmjs.org/@coder-shubh/react-native-image-slider/-/react-native-image-slider-1.0.5.tgz","fileCount":7,"integrity":"sha512-AStwFYNU5FaN15bqlUbtMB19CmQMPhvmW0HUrq/X7H7sTVhpnF885GTQyVoZCG7tyjlOAPDoNJ4ulneLK+bR5g==","signatures":[{"sig":"MEUCIQD4UO14SfZbE9cT+k+wl3PxkD1OE29X6rClPTPJXKqvhwIgQPuSu+PujFq4Bdx+rLHFjpRhpIaeRtpcxZLgxIx37m0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1631708},"main":"index.tsx","gitHead":"3c3da62d2f23c0dc4755aed8debd548178b44ee6","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"},"repository":{"url":"git+https://github.com/coder-shubh/react-native-image-slider.git","type":"git"},"_npmVersion":"9.5.1","description":"A customizable and easy-to-use image slider component for React-Native.","directories":{},"_nodeVersion":"18.16.1","_hasShrinkwrap":false,"peerDependencies":{"react":"^18.2.0","react-native":"^0.72.10","react-native-vector-icons":"^10.0.3"},"_npmOperationalInternal":{"tmp":"tmp/react-native-image-slider_1.0.5_1717919574846_0.8517608931253571","host":"s3://npm-registry-packages"}},"1.0.6":{"name":"@coder-shubh/react-native-image-slider","version":"1.0.6","keywords":["react-native-image-slider-box","react-native-image-slider","react-native-slider","ReactNative","react","react-native","slider","image","image-slider","banner","banner-slider","carousel","component","coder-shubh","react-component","react-native-component","mobile","ui","slider","image paging slider"],"author":{"name":"coder-shubh"},"license":"ISC","_id":"@coder-shubh/react-native-image-slider@1.0.6","maintainers":[{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"}],"homepage":"https://github.com/coder-shubh/react-native-image-slider.git#readme","bugs":{"url":"https://github.com/coder-shubh/react-native-image-slider.git/issues"},"dist":{"shasum":"fd2ddc6e93b65306a2c09e93cf55c7440181414c","tarball":"https://registry.npmjs.org/@coder-shubh/react-native-image-slider/-/react-native-image-slider-1.0.6.tgz","fileCount":7,"integrity":"sha512-er2aPBZhx4eTdCa2HQehRqMlPHnofbkkhWLiIlInDkWeNxK2jWRWWs5l/laBEVTPQ9ZcMRvH/PwnU1M9E099Nw==","signatures":[{"sig":"MEQCIFiazAdLsq4Lr+ZZhog+Sax4ASGUALHQcFY4oGGrbiQFAiBDYJbIUaImNge7Aje2wS9HhUpMg0CDjSD/qOn/kEvR1w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1631689},"main":"index.tsx","gitHead":"3c3da62d2f23c0dc4755aed8debd548178b44ee6","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"},"repository":{"url":"git+https://github.com/coder-shubh/react-native-image-slider.git","type":"git"},"_npmVersion":"9.5.1","description":"A customizable and easy-to-use image slider component for React-Native.","directories":{},"_nodeVersion":"18.16.1","_hasShrinkwrap":false,"peerDependencies":{"react":"^18.2.0","react-native":"^0.72.10","react-native-vector-icons":"^10.0.3"},"_npmOperationalInternal":{"tmp":"tmp/react-native-image-slider_1.0.6_1725696158247_0.7520146982282603","host":"s3://npm-registry-packages"}},"1.0.7":{"name":"@coder-shubh/react-native-image-slider","version":"1.0.7","keywords":["react-native-image-slider-box","react-native-image-slider","react-native-slider","ReactNative","react","react-native","slider","image","image-slider","banner","banner-slider","carousel","component","coder-shubh","react-component","react-native-component","mobile","ui","slider","image paging slider"],"author":{"name":"coder-shubh"},"license":"ISC","_id":"@coder-shubh/react-native-image-slider@1.0.7","maintainers":[{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"}],"homepage":"https://github.com/coder-shubh/react-native-image-slider.git#readme","bugs":{"url":"https://github.com/coder-shubh/react-native-image-slider.git/issues"},"dist":{"shasum":"08ac362c2f6423e28539a4b4d0f276ca5626b001","tarball":"https://registry.npmjs.org/@coder-shubh/react-native-image-slider/-/react-native-image-slider-1.0.7.tgz","fileCount":5,"integrity":"sha512-sTkuC7UNxlJxZwM8th3nukNQymL4pLS6khVecc6DGzk7QSzicr9t1XnNUCYi1z5K70ZZpaPT8I5v588h/o4rzw==","signatures":[{"sig":"MEUCIGtsrPVdgr8N80HQ5ZLJ/5b0TATMsZsfHEFQfdn8r8O1AiEA7zB+DBGj5pjWKi8UKhV0Bo75CK+2gczGbyxeGR0TVMY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13900},"main":"index.tsx","gitHead":"da9af084d23124c38240fee5e4ff011274be9c2e","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"},"repository":{"url":"git+https://github.com/coder-shubh/react-native-image-slider.git","type":"git"},"_npmVersion":"9.5.1","description":"A customizable and easy-to-use image slider component for React-Native.","directories":{},"_nodeVersion":"18.16.1","_hasShrinkwrap":false,"peerDependencies":{"react":"^18.2.0","react-native":"^0.72.10","react-native-vector-icons":"^10.0.3"},"_npmOperationalInternal":{"tmp":"tmp/react-native-image-slider_1.0.7_1736687150461_0.36499786717524607","host":"s3://npm-registry-packages-npm-production"}},"1.0.8":{"name":"@coder-shubh/react-native-image-slider","version":"1.0.8","keywords":["react-native-image-slider-box","react-native-image-slider","react-native-slider","ReactNative","react","react-native","slider","image","image-slider","banner","banner-slider","carousel","component","coder-shubh","react-component","react-native-component","mobile","ui","slider","image paging slider"],"author":{"name":"coder-shubh"},"license":"ISC","_id":"@coder-shubh/react-native-image-slider@1.0.8","maintainers":[{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"}],"homepage":"https://github.com/coder-shubh/react-native-image-slider.git#readme","bugs":{"url":"https://github.com/coder-shubh/react-native-image-slider.git/issues"},"dist":{"shasum":"360850f5f314ca334f3fa9e17ad33aae0b09951c","tarball":"https://registry.npmjs.org/@coder-shubh/react-native-image-slider/-/react-native-image-slider-1.0.8.tgz","fileCount":7,"integrity":"sha512-0PnJshLjYuoYwQHZutyxTRsgysOvlbLy+84tkYI1c4gJtQXQMgDkUHRKiV+uue98AtZxBXSy/+Jb6s94Vh99cw==","signatures":[{"sig":"MEUCIQD9eU173noEDqNxiNGRXbQ5e63iyBcIii7WwUhLxxnpDQIgUs5fmqk7L0RbAlzs+TMKiCJvQSKVt2OoJ7SXzUxBqVs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1631571},"main":"index.tsx","gitHead":"b7c4438319ce9a13e94feb4cac0bb2ac9ef31224","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"},"repository":{"url":"git+https://github.com/coder-shubh/react-native-image-slider.git","type":"git"},"_npmVersion":"10.8.2","description":"A customizable and easy-to-use image slider component for React-Native.","directories":{},"_nodeVersion":"20.17.0","_hasShrinkwrap":false,"peerDependencies":{"react":"^19.0.0","react-native":"^0.78.0","react-native-vector-icons":"^10.2.0"},"_npmOperationalInternal":{"tmp":"tmp/react-native-image-slider_1.0.8_1740719145162_0.9354476957238518","host":"s3://npm-registry-packages-npm-production"}},"2.0.0":{"name":"@coder-shubh/react-native-image-slider","version":"2.0.0","description":"A customizable, feature-rich image slider for React Native with autoplay, loop, custom render, and callbacks.","main":"index.js","types":"index.tsx","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/coder-shubh/react-native-image-slider.git"},"keywords":["react-native-image-slider","react-native-slider","react-native","slider","image-slider","banner","carousel","image","paging","autoplay","indicator","dots","coder-shubh"],"author":{"name":"coder-shubh"},"license":"ISC","peerDependencies":{"react":">=16.8.0","react-native":">=0.60.0","react-native-vector-icons":">=9.0.0"},"bugs":{"url":"https://github.com/coder-shubh/react-native-image-slider/issues"},"homepage":"https://github.com/coder-shubh/react-native-image-slider#readme","engines":{"node":">=14"},"_id":"@coder-shubh/react-native-image-slider@2.0.0","gitHead":"b7c4438319ce9a13e94feb4cac0bb2ac9ef31224","_nodeVersion":"20.17.0","_npmVersion":"10.8.2","dist":{"integrity":"sha512-04O1tjz6+beKTtw/X7FmxBMzUscPhsJUKIkOoKaSdlbN6B+hoURTpOYPT/Mye/NqqAH7YtFTMT/4VF1caN/fTg==","shasum":"4fac5ef6c80ff010d9c32b73128e2ad8c88496d6","tarball":"https://registry.npmjs.org/@coder-shubh/react-native-image-slider/-/react-native-image-slider-2.0.0.tgz","fileCount":7,"unpackedSize":29245,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIAFVfGYuMFfZcw8lvZ3JgALSJ5CAy7dubQv8AJKr1YznAiEA/lUd1VcCaHvjHpD7UFluGZpDwtHA8+bOWNb1vTQ89eo="}]},"_npmUser":{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"},"directories":{},"maintainers":[{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-native-image-slider_2.0.0_1770448371494_0.6985271284043586"},"_hasShrinkwrap":false}},"time":{"created":"2024-03-23T08:43:39.195Z","modified":"2026-02-07T07:12:51.719Z","1.0.0":"2024-03-23T08:43:39.506Z","1.0.1":"2024-03-23T08:49:59.424Z","1.0.2":"2024-03-23T09:25:06.674Z","1.0.3":"2024-03-31T08:30:01.567Z","1.0.4":"2024-03-31T08:53:35.763Z","1.0.5":"2024-06-09T07:52:55.087Z","1.0.6":"2024-09-07T08:02:38.502Z","1.0.7":"2025-01-12T13:05:50.647Z","1.0.8":"2025-02-28T05:05:45.359Z","2.0.0":"2026-02-07T07:12:51.619Z"},"bugs":{"url":"https://github.com/coder-shubh/react-native-image-slider/issues"},"author":{"name":"coder-shubh"},"license":"ISC","homepage":"https://github.com/coder-shubh/react-native-image-slider#readme","keywords":["react-native-image-slider","react-native-slider","react-native","slider","image-slider","banner","carousel","image","paging","autoplay","indicator","dots","coder-shubh"],"repository":{"type":"git","url":"git+https://github.com/coder-shubh/react-native-image-slider.git"},"description":"A customizable, feature-rich image slider for React Native with autoplay, loop, custom render, and callbacks.","maintainers":[{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"}],"readme":"<!-- Title -->\n<h1 align=\"center\">@coder-shubh/react-native-image-slider</h1>\n\n<!-- Badges -->\n<p align=\"center\">\n  <img src=\"https://img.shields.io/npm/v/@coder-shubh/react-native-image-slider\" alt=\"npm version\">\n  <!-- Add any other badges here -->\n</p>\n\n\n<div style=\"display: flex; flex-direction: row; justify-content: center; align-items: center;\">\n  <!-- First GIF -->\n  <img src=\"https://raw.githubusercontent.com/coder-shubh/react-native-image-slider/master/src/assets/vid.gif\" alt=\"Demo 1\" width=\"45%\">\n    <img src=\"https://raw.githubusercontent.com/coder-shubh/react-native-image-slider/master/src/assets/vido.gif\" alt=\"Demo 1\" width=\"45%\">\n</div>\n\n\n<!-- Description -->\n<p align=\"center\">\n  A customizable and easy-to-use image slider component for React Native.\n</p>\n\n<!-- Table of Contents -->\n<h2>Table of Contents</h2>\n\n- [Installation](#installation)\n- [Usage](#usage)\n- [Props](#props)\n- [License](#license)\n\n<!-- Installation -->\n<h2>Installation</h2>\n\nYou can install the `@coder-shubh/react-native-image-slider` package using npm or yarn:\n\n```bash\n# with npm\nnpm i @coder-shubh/react-native-image-slider react-native-vector-icons\n\n# with yarn\nyarn add @coder-shubh/react-native-image-slider react-native-vector-icons\n```\n\n<!-- Usage -->\n<h2>Usage</h2>\n\n<h3>Basic example (URLs only)</h3>\n\n```jsx\nimport React from 'react';\nimport { View } from 'react-native';\nimport ImageSlider from '@coder-shubh/react-native-image-slider';\n\nconst IMAGES = [\n  'https://cdn.pixabay.com/photo/2022/12/01/04/42/man-7628305_640.jpg',\n  'https://cdn.pixabay.com/photo/2023/01/15/20/50/nature-7721372_640.jpg',\n  'https://cdn.pixabay.com/photo/2023/02/08/18/00/mountain-7776722_640.jpg',\n];\n\nconst App = () => (\n  <View style={{ flex: 1 }}>\n    <ImageSlider\n      images={IMAGES}\n      imageHeight={250}\n      dotSize={10}\n      dotColor=\"silver\"\n      activeDotColor=\"blue\"\n      showNavigationButtons\n      showIndicatorDots\n      imageLabel\n      label=\"Slide\"\n      autoSlideInterval={5000}\n      containerStyle={{ marginBottom: 20 }}\n      radius={8}\n    />\n  </View>\n);\n\nexport default App;\n```\n\n<h3>Complete example (callbacks, object items, custom styling)</h3>\n\n```jsx\nimport React, { useState } from 'react';\nimport { View, Text, Alert } from 'react-native';\nimport ImageSlider from '@coder-shubh/react-native-image-slider';\n\n// Option 1: Array of image URLs (strings)\nconst urlOnlyImages = [\n  'https://cdn.pixabay.com/photo/2022/12/01/04/42/man-7628305_640.jpg',\n  'https://cdn.pixabay.com/photo/2023/01/15/20/50/nature-7721372_640.jpg',\n];\n\n// Option 2: Array of objects with uri, label (and optional local image via image property)\nconst objectImages = [\n  {\n    uri: 'https://cdn.pixabay.com/photo/2022/12/01/04/42/man-7628305_640.jpg',\n    label: 'First slide',\n  },\n  {\n    uri: 'https://cdn.pixabay.com/photo/2023/01/15/20/50/nature-7721372_640.jpg',\n    label: 'Second slide',\n  },\n  {\n    uri: 'https://cdn.pixabay.com/photo/2023/02/08/18/00/mountain-7776722_640.jpg',\n    label: 'Third slide',\n  },\n];\n\nconst App = () => {\n  const [currentIndex, setCurrentIndex] = useState(0);\n\n  return (\n    <View style={{ flex: 1, paddingTop: 40 }}>\n      <Text style={{ textAlign: 'center', marginBottom: 8 }}>\n        Slide {currentIndex + 1} of {objectImages.length}\n      </Text>\n\n      <ImageSlider\n        images={objectImages}\n        imageHeight={280}\n        dotSize={8}\n        dotColor=\"#ccc\"\n        activeDotColor=\"#2196F3\"\n        inactiveDotScale={0.8}\n        showNavigationButtons\n        showIndicatorDots\n        imageLabel\n        autoSlideInterval={4000}\n        loop\n        autoplay\n        radius={12}\n        resizeMode=\"cover\"\n        containerStyle={{ marginHorizontal: 0, marginBottom: 16 }}\n        paginationStyle={{ marginTop: 8 }}\n        dotStyle={{ opacity: 0.6 }}\n        activeDotStyle={{ opacity: 1 }}\n        navigationButtonStyle={{ backgroundColor: 'rgba(0,0,0,0.3)', borderRadius: 20, padding: 10 }}\n        iconSize={24}\n        iconColor=\"#fff\"\n        onIndexChange={(index) => setCurrentIndex(index)}\n        onImagePress={(index) => Alert.alert('Slide tapped', `You tapped slide ${index + 1}`)}\n        keyExtractor={(item, index) => (typeof item === 'string' ? item : item.uri || String(index))}\n        testID=\"imageSlider_testID\"\n      />\n    </View>\n  );\n};\n\nexport default App;\n```\n\n<h3>Custom slide content with renderItem</h3>\n\n```jsx\nimport React from 'react';\nimport { View, Text, Image } from 'react-native';\nimport ImageSlider from '@coder-shubh/react-native-image-slider';\n\nconst items = [\n  { uri: 'https://example.com/1.jpg', title: 'Banner 1' },\n  { uri: 'https://example.com/2.jpg', title: 'Banner 2' },\n];\n\nconst App = () => (\n  <ImageSlider\n    images={items}\n    imageHeight={200}\n    renderItem={(item, index) => (\n      <View style={{ width: '100%', height: 200, backgroundColor: '#333', justifyContent: 'center', alignItems: 'center' }}>\n        <Text style={{ color: '#fff', fontSize: 18 }}>\n          {typeof item === 'object' && item.title ? item.title : `Slide ${index + 1}`}\n        </Text>\n      </View>\n    )}\n    showIndicatorDots\n    showNavigationButtons\n  />\n);\n\nexport default App;\n```\n\n<h3>Without autoplay, no loop</h3>\n\n```jsx\n<ImageSlider\n  images={myImages}\n  autoSlideInterval={0}\n  autoplay={false}\n  loop={false}\n  showNavigationButtons\n/>\n```\n\n<!-- Props -->\n<h2>Props</h2>\n\n| Prop | Type | Description | Default |\n|------|------|-------------|---------|\n| `images` | `string[]` or `ImageSliderItem[]` | Image URLs or objects with `uri`/`image` and optional `label`. | required |\n| `imageHeight` | `number` | Height of each slide. | `250` |\n| `dotSize` | `number` | Size of indicator dots. | `8` |\n| `dotColor` | `string` | Color of inactive dots. | `'silver'` |\n| `activeDotColor` | `string` | Color of active dot. | `'blue'` |\n| `inactiveDotScale` | `number` | Scale for inactive dots. | `1` |\n| `showNavigationButtons` | `boolean` | Show prev/next buttons. | `true` |\n| `showIndicatorDots` | `boolean` | Show pagination dots. | `true` |\n| `imageLabel` | `boolean` | Show label on each slide. | `true` |\n| `label` | `string` | Single label for all (or fallback when items have no label). | `''` |\n| `extrapolate` | `'clamp' \\| 'extend' \\| 'identity'` | Dot animation extrapolation. | `'clamp'` |\n| `autoSlideInterval` | `number` | Autoplay interval in ms; `0` disables. | `3000` |\n| `loop` | `boolean` | Loop to first after last slide. | `true` |\n| `autoplay` | `boolean` | Enable autoplay. | `true` |\n| `containerStyle` | `ViewStyle` | Container style. | `{}` |\n| `paginationStyle` | `ViewStyle` | Pagination dots container style. | - |\n| `dotStyle` | `ViewStyle` | Inactive dot style. | - |\n| `activeDotStyle` | `ViewStyle` | Active dot style. | - |\n| `navigationContainerStyle` | `ViewStyle` | Prev/next buttons container style. | - |\n| `navigationButtonStyle` | `ViewStyle` | Prev/next button style. | - |\n| `radius` | `number` | Border radius of image cards. | `5` |\n| `resizeMode` | `'cover' \\| 'contain' \\| 'stretch' \\| 'repeat' \\| 'center'` | Image resize mode. | `'cover'` |\n| `imageStyle` | `ImageStyle` | Style for each image. | - |\n| `contentContainerStyle` | `ViewStyle` | ScrollView content container style. | - |\n| `onIndexChange` | `(index: number) => void` | Called when the visible slide changes. | - |\n| `onImagePress` | `(index: number) => void` | Called when user taps a slide. | - |\n| `renderItem` | `(item, index) => ReactNode` | Custom render for each slide. | - |\n| `keyExtractor` | `(item, index) => string \\| number` | Custom key for list items. | index |\n| `prevIcon` | `string` | AntDesign icon name for previous. | `'caretleft'` |\n| `nextIcon` | `string` | AntDesign icon name for next. | `'caretright'` |\n| `iconSize` | `number` | Nav icon size. | `20` |\n| `iconColor` | `string` | Nav icon color. | `'#E3E3E3'` |\n| `defaultSource` | `ImageSourcePropType` | Placeholder while image loads. | - |\n| `testID` | `string` | Test ID for the root view. | - |\n\n**ImageSliderItem** (when using object form of `images`): `{ uri?: string; image?: ImageSourcePropType; label?: string; [key: string]: any }`\n\n\n<!-- License -->\n<h2>License</h2>\n\nThis project is licensed under the MIT License - see the LICENSE file for details.\n\nIn this version, I've added:\n\n- Title and badges centered at the top.\n- Descriptive text centered.\n- Table of Contents for easy navigation.\n- Stylish section headings.\n- Usage code block with syntax highlighting.\n- More visual appeal with horizontal lines and section separators.\n\nFeel free to adjust the styles, colors, or any other aspects to better suit your preferences or project branding.\n","readmeFilename":"README.md"}