{"_id":"@aashu-dubey/react-native-rating-bar","_rev":"6-32c81505169a36990b4361096c723fc3","name":"@aashu-dubey/react-native-rating-bar","dist-tags":{"latest":"0.3.6"},"versions":{"0.1.0":{"name":"@aashu-dubey/react-native-rating-bar","version":"0.1.0","keywords":["rating-bar","rating bar","rating","review","star","gestures","vector icons","vector-icons","react-native","ios","android"],"author":{"url":"https://github.com/Aashu-Dubey","name":"Ashutosh"},"license":"MIT","_id":"@aashu-dubey/react-native-rating-bar@0.1.0","maintainers":[{"name":"aashu-dubey","email":"asutosh.dubey97@gmail.com"}],"homepage":"https://github.com/Aashu-Dubey/react-native-rating-bar#readme","bugs":{"url":"https://github.com/Aashu-Dubey/react-native-rating-bar/issues"},"dist":{"shasum":"26592683601e698027557f7fad5011bf74eab3d6","tarball":"https://registry.npmjs.org/@aashu-dubey/react-native-rating-bar/-/react-native-rating-bar-0.1.0.tgz","fileCount":57,"integrity":"sha512-5Q93XXtAfZ/CuneDX/ybTa8DMCBQoJeFxe7F/tTQTdBj1RDE+rW66Lxz0KR8t4/zSua1OdkgCkHviA5ghPou2w==","signatures":[{"sig":"MEQCIFUwPXl0/7DQ+q0X/wypJ3/OaXDkbpcBXx2lPqv+93jQAiAKc1P45T6Hlc0xrUNnaV3gLlXod1ZKcF2LaJhGF7UrjA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":259771,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJikpmfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpSTw/7B1rrmhHE6zLT1Z1C604N3LfSgC31/GibeYcNpzFVF4GGoUw9\r\nclE4C0AKxIMCZG4QseiLR/lpSRQmMsozvhOlzUjJZXLskt7eyZEgE35BQLdP\r\nhDGeFmFGZRfGzdcy7vhFVrsAlAaLW/vf7IryKljLKMVpkMhnuRxuijijrWh8\r\n52oruYP/0yd9rXwyd3bGf6HB/ujjjS8WdzLWLK268mDAm/dhAPKks3khhsV7\r\nm2BmUajMDAChtWm6ofmSmq7kWYAAKY4thqY7fYxRx+zL92k3tx/vUCuSQ7hz\r\nbRVdc8Bx4vLxqTRT0HDGTk8QLfeIpAE+5TZT0DoVuRxY4KdcwqTNsUOJIGL7\r\ngsyJs/UH/eHXv76gypxCnsLr+ZhJHykHWhM/g1DXizvuTjYyAGA8lJXNDJkR\r\n6P88p6iIhWH3ywJGzj0XsMqNZS5Dl+pNYJ76OcGNw8LvLQ12ulv1VlFIanmT\r\nXFMRpK5wPIDCeEgpmBaVG05SJ3g84F+VBOA4+HA/FZcx3oASfB+7iLPgFACf\r\nYpFckGuxV1FD/iGOSywFNDvmLjNIzzYQKZc3sZLJg+fMoC8XRk3Y/umCVczN\r\nhtj9VEx+4tQvQ7upvGw6VW/eGBFtxz5Uxp8IlwOlQ0LByafznokUkWuG/crO\r\nKc9ovkYXkg8UZTZf9wGxYq1LZWFqhY4W6fM=\r\n=wWFf\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"react-native","modulePathIgnorePatterns":["<rootDir>/example/node_modules","<rootDir>/lib/"]},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"93ddd1a225c20a2fc7aa9411cf76aa1e32aa6d09","scripts":{"lint":"eslint \"**/*.{js,ts,tsx}\"","pods":"cd example && pod-install --quiet","test":"jest","example":"yarn --cwd example","prepare":"bob build","release":"release-it","bootstrap":"yarn example && yarn && yarn pods","typescript":"tsc --noEmit"},"_npmUser":{"name":"aashu-dubey","email":"asutosh.dubey97@gmail.com"},"prettier":{"useTabs":false,"tabWidth":2,"quoteProps":"consistent","singleQuote":true,"trailingComma":"es5"},"commitlint":{"extends":["@commitlint/config-conventional"]},"release-it":{"git":{"tagName":"v${version}","commitMessage":"chore: release ${version}"},"npm":{"publish":true},"github":{"release":true},"plugins":{"@release-it/conventional-changelog":{"preset":"angular"}}},"repository":{"url":"git+https://github.com/Aashu-Dubey/react-native-rating-bar.git","type":"git"},"_npmVersion":"8.5.5","description":"A React Native component for generating and displaying interactive Tap or Swipe enabled Ratings.","directories":{},"_nodeVersion":"16.15.0","eslintConfig":{"root":true,"rules":{"prettier/prettier":["error",{"useTabs":false,"tabWidth":2,"quoteProps":"consistent","singleQuote":true,"trailingComma":"es5"}],"react-native/no-inline-styles":"off"},"extends":["@react-native-community","prettier"]},"eslintIgnore":["node_modules/","lib/"],"react-native":"src/index","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^28.1.0","husky":"^8.0.1","react":"17.0.2","eslint":"^8.16.0","prettier":"^2.6.2","commitlint":"^17.0.1","release-it":"^15.0.0","typescript":"^4.7.2","@types/jest":"^27.5.1","pod-install":"^0.1.36","@types/react":"^18.0.9","react-native":"0.66.4","@types/react-native":"^0.67.7","eslint-config-prettier":"^8.5.0","eslint-plugin-prettier":"^4.0.0","react-native-builder-bob":"^0.18.2","react-native-gesture-handler":"^2.4.2","@commitlint/config-conventional":"^17.0.0","@release-it/conventional-changelog":"^5.0.0","@react-native-community/eslint-config":"^3.0.2"},"peerDependencies":{"react":"*","react-native":"*","react-native-gesture-handler":">=2"},"_npmOperationalInternal":{"tmp":"tmp/react-native-rating-bar_0.1.0_1653774751306_0.4178725977437534","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs","module",["typescript",{"project":"tsconfig.build.json"}]]}},"0.2.0":{"name":"@aashu-dubey/react-native-rating-bar","version":"0.2.0","keywords":["rating-bar","rating bar","rating","review","star","gestures","vector icons","vector-icons","react-native","ios","android"],"author":{"url":"https://github.com/Aashu-Dubey","name":"Ashutosh"},"license":"MIT","_id":"@aashu-dubey/react-native-rating-bar@0.2.0","maintainers":[{"name":"aashu-dubey","email":"asutosh.dubey97@gmail.com"}],"homepage":"https://github.com/Aashu-Dubey/react-native-rating-bar#readme","bugs":{"url":"https://github.com/Aashu-Dubey/react-native-rating-bar/issues"},"dist":{"shasum":"f47c0f3ba53f6350792d610c70feb686a7ea9c06","tarball":"https://registry.npmjs.org/@aashu-dubey/react-native-rating-bar/-/react-native-rating-bar-0.2.0.tgz","fileCount":66,"integrity":"sha512-Xy7JmeRK/8fGa5Ye3y3fyC77B2i7J9ojPElW81nm3/UYIQvVKT0mX9L++QipbC7aOtJMMg7IXtAuBGx+yGDqiw==","signatures":[{"sig":"MEUCIG9nwdzOe6MuJhJ00vQmoQDytcaB2jGZDyaatAr9vhakAiEAl3vI2VFx9fx0sVwKrVdP7Jf+SxQUyhbKId5qDFvwxS0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":189816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjXEsNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpo1Q/+P8z11H2M4cYDUdfO0+/ey2pGh7JihPj4Z2X/2qNQDjJ39dXl\r\nWGXQM6bibgOkrqSHXsgnq8mFcSzfQoeQq6QQLinfRyID1xLvISn6/pp5NLsP\r\ns3PUmHmQKh3DSNMmlECigUjJz3CoSVIoUXJ4SUembeXfNMQYCLn4e0UXb+XS\r\nd9BVfjUNBhwRs63pTlbX3g1UcrALxro6sNoLo7ezp0I1En1oPuaB05i9xoQ3\r\nnuNOpINuTHEPIx0PJMFijq+9escOHKDTZbRjBxI1nhoQAH4UjCfyaAlRCLP6\r\nBk5mjcS4qbWv/lGUV73kEUze9SdfElbVGRoHuafEBGNzIO8pXQb0CucFC7U4\r\n19Kt6fkCU5XZQpKECdsWWyuHZeVtNaWRUqfNP8USkM5LE4QQHWK1mSot8E1L\r\nH4A11Hs77HPv5KqHPrB5he/9o52jwmjALvktmgL598wzvVNkdt/WNAsM/Gbb\r\nnH5VwW1byJM1oTQSQ08jSqiq9ZtIFMSXFtM89ZtqyUflSr7KH8FttYYWVLhq\r\nLTOo/HzQKziCJYpTUY/bQXbskHvFAPHnR4/74Vx0RNQ0CAeR4Y3uGR+3Rojd\r\ns9u2nh7Yws++txr7+nsKAFj5vCcHH1+GrlRLyNEtYXm1Em0hjO3F+rgHJ1vB\r\nzdIlJSc0NM/O7dHaqilnbY8hPqXpf1L8LfQ=\r\n=ZNTk\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"react-native","modulePathIgnorePatterns":["<rootDir>/example/node_modules","<rootDir>/lib/"]},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"8dc38810e1bf91a6d77c8a6e3db26e1c487a1e4e","scripts":{"lint":"eslint \"**/*.{js,ts,tsx}\"","test":"jest","example":"yarn --cwd example","prepare":"bob build","release":"release-it","bootstrap":"yarn example && yarn install && yarn example pods","typescript":"tsc --noEmit"},"_npmUser":{"name":"aashu-dubey","email":"asutosh.dubey97@gmail.com"},"prettier":{"useTabs":false,"tabWidth":2,"quoteProps":"consistent","singleQuote":true,"trailingComma":"es5"},"commitlint":{"extends":["@commitlint/config-conventional"]},"release-it":{"git":{"tagName":"v${version}","commitMessage":"chore: release ${version}"},"npm":{"publish":true},"github":{"release":true},"plugins":{"@release-it/conventional-changelog":{"preset":"angular"}}},"repository":{"url":"git+https://github.com/Aashu-Dubey/react-native-rating-bar.git","type":"git"},"_npmVersion":"8.5.5","description":"A React Native component for generating and displaying interactive Tap or Swipe enabled Ratings.","directories":{},"resolutions":{"@types/react":"^18"},"_nodeVersion":"16.15.0","eslintConfig":{"root":true,"rules":{"prettier/prettier":["error",{"useTabs":false,"tabWidth":2,"endOfLine":"auto","quoteProps":"consistent","singleQuote":true,"trailingComma":"es5"}],"react-native/no-inline-styles":"off"},"extends":["@react-native-community","prettier"]},"eslintIgnore":["node_modules/","lib/"],"react-native":"src/index","publishConfig":{"registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^28.1.1","react":"18.1.0","eslint":"^8.16.0","prettier":"^2.6.2","commitlint":"^17.0.2","release-it":"^15.0.0","typescript":"^4.8.4","@types/jest":"^28.1.2","pod-install":"^0.1.36","react-native":"0.70.4","@arkweid/lefthook":"^0.7.7","@types/react-native":"0.68.0","eslint-config-prettier":"^8.5.0","eslint-plugin-prettier":"^4.0.0","react-native-builder-bob":"^0.20.0","react-native-gesture-handler":"^2.8.0","@commitlint/config-conventional":"^17.0.2","@release-it/conventional-changelog":"^5.0.0","@react-native-community/eslint-config":"^3.0.2"},"peerDependencies":{"react":"*","react-native":"*","react-native-gesture-handler":">=2"},"_npmOperationalInternal":{"tmp":"tmp/react-native-rating-bar_0.2.0_1666992909720_0.3278369505348535","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs","module",["typescript",{"project":"tsconfig.build.json"}]]}},"0.3.1":{"name":"@aashu-dubey/react-native-rating-bar","version":"0.3.1","keywords":["rating-bar","rating bar","rating","review","star","gestures","vector icons","vector-icons","react-native","ios","android"],"author":{"url":"https://github.com/Aashu-Dubey","name":"Ashutosh"},"license":"MIT","_id":"@aashu-dubey/react-native-rating-bar@0.3.1","maintainers":[{"name":"aashu-dubey","email":"asutosh.dubey97@gmail.com"}],"homepage":"https://github.com/Aashu-Dubey/react-native-rating-bar#readme","bugs":{"url":"https://github.com/Aashu-Dubey/react-native-rating-bar/issues"},"dist":{"shasum":"9ad7c593b27fd4046eb35449559aa33770c28929","tarball":"https://registry.npmjs.org/@aashu-dubey/react-native-rating-bar/-/react-native-rating-bar-0.3.1.tgz","fileCount":86,"integrity":"sha512-6ZRRXrQ7NTK1aJycQyayJ8cF2/uUQ8CKjeXkNy8B/1JP288ojYX4zDAePWG0KaeY1fC5p4Dm4Z6YsMJv1x9EWQ==","signatures":[{"sig":"MEUCIQCbYl0GfD0Q9G9FFnlgSDc3Jvx35/nJi4R5WHMP/oAYbAIgdbJM1+hPhrXDA4vG94i7EIRLqXWEOXZ9xNTEFmubK6A=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@aashu-dubey%2freact-native-rating-bar@0.3.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":210789},"jest":{"preset":"react-native","modulePathIgnorePatterns":["<rootDir>/example/node_modules","<rootDir>/lib/"]},"main":"./lib/commonjs/index.js","module":"./lib/module/index.js","source":"./src/index.tsx","exports":{".":{"import":{"types":"./lib/typescript/module/src/index.d.ts","default":"./lib/module/index.js"},"require":{"types":"./lib/typescript/commonjs/src/index.d.ts","default":"./lib/commonjs/index.js"}}},"gitHead":"02697b80ae9a55743e45d246f534570294c0f1bb","scripts":{"lint":"eslint \"**/*.{js,ts,tsx}\"","test":"jest","clean":"del-cli lib","example":"yarn workspace rating-bar-example","prepare":"bob build","release":"release-it","typecheck":"tsc"},"_npmUser":{"name":"aashu-dubey","email":"asutosh.dubey97@gmail.com"},"prettier":{"useTabs":false,"tabWidth":2,"quoteProps":"consistent","singleQuote":true,"trailingComma":"es5"},"commitlint":{"extends":["@commitlint/config-conventional"]},"release-it":{"git":{"commit":false,"tagName":"v${version}","commitMessage":"chore: release ${version}"},"npm":{"publish":true,"publishArgs":["--provenance"]},"github":{"release":true},"plugins":{"@release-it/conventional-changelog":{"preset":"angular"}}},"repository":{"url":"git+https://github.com/Aashu-Dubey/react-native-rating-bar.git","type":"git"},"workspaces":["example"],"_npmVersion":"10.9.2","description":"A React Native component for generating and displaying interactive Tap or Swipe enabled Ratings.","directories":{},"resolutions":{"@types/react":"^18.2.44"},"_nodeVersion":"22.14.0","eslintConfig":{"root":true,"rules":{"prettier/prettier":["error",{"useTabs":false,"tabWidth":2,"endOfLine":"auto","quoteProps":"consistent","singleQuote":true,"trailingComma":"es5"}],"react/react-in-jsx-scope":"off","react-native/no-inline-styles":"off"},"extends":["@react-native","prettier"]},"eslintIgnore":["node_modules/","lib/"],"publishConfig":{"registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"packageManager":"yarn@3.6.1","devDependencies":{"jest":"^29.7.0","react":"18.3.1","eslint":"^8.51.0","del-cli":"^5.1.0","prettier":"^3.0.3","commitlint":"^19.5.0","release-it":"^17.10.0","typescript":"^5.2.2","@types/jest":"^29.5.5","@types/react":"^18.2.44","react-native":"0.76.7","@evilmartians/lefthook":"^1.5.0","eslint-config-prettier":"^9.0.0","eslint-plugin-prettier":"^5.0.1","react-native-builder-bob":"^0.37.0","@react-native/eslint-config":"^0.73.1","react-native-gesture-handler":"^2.24.0","@commitlint/config-conventional":"^19.5.0","@release-it/conventional-changelog":"^9.0.2"},"peerDependencies":{"react":"*","react-native":"*","react-native-gesture-handler":">=2"},"_npmOperationalInternal":{"tmp":"tmp/react-native-rating-bar_0.3.1_1741290079083_0.5280033444879948","host":"s3://npm-registry-packages-npm-production"},"react-native-builder-bob":{"output":"lib","source":"src","targets":[["commonjs",{"esm":true}],["module",{"esm":true}],["typescript",{"esm":true,"project":"tsconfig.build.json"}]]},"create-react-native-library":{"type":"library","version":"0.48.3","languages":"js"}},"0.3.3":{"name":"@aashu-dubey/react-native-rating-bar","version":"0.3.3","keywords":["rating-bar","rating bar","rating","review","star","gestures","vector icons","vector-icons","react-native","ios","android"],"author":{"url":"https://github.com/Aashu-Dubey","name":"Ashutosh"},"license":"MIT","_id":"@aashu-dubey/react-native-rating-bar@0.3.3","maintainers":[{"name":"aashu-dubey","email":"asutosh.dubey97@gmail.com"}],"homepage":"https://github.com/Aashu-Dubey/react-native-rating-bar#readme","bugs":{"url":"https://github.com/Aashu-Dubey/react-native-rating-bar/issues"},"dist":{"shasum":"61140219d63e6af960363ad45e451dfa9fc39ea8","tarball":"https://registry.npmjs.org/@aashu-dubey/react-native-rating-bar/-/react-native-rating-bar-0.3.3.tgz","fileCount":86,"integrity":"sha512-gYfUBw4OH0oLr/lBmrONKPYoAch8iWiV+PywcGuPIx2wRzh0mA9kf3uBD5s4pkqOL3QyotaLxmJx5ETQss3Jww==","signatures":[{"sig":"MEUCIQDgMvH2g6nBpYNYuzWdkkZWYzDq1G6wRVIDuVFRvObZ8wIgQjAQOz2rUw13BCKFnipniKb6tt18n6foJpv/Cn1wQw8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@aashu-dubey%2freact-native-rating-bar@0.3.3","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":210893},"jest":{"preset":"react-native","modulePathIgnorePatterns":["<rootDir>/example/node_modules","<rootDir>/lib/"]},"main":"./lib/commonjs/index.js","module":"./lib/module/index.js","source":"./src/index.tsx","exports":{".":{"import":{"types":"./lib/typescript/module/src/index.d.ts","default":"./lib/module/index.js"},"require":{"types":"./lib/typescript/commonjs/src/index.d.ts","default":"./lib/commonjs/index.js"}}},"gitHead":"15cd5d0d493dad88f89d5cc9f4846edf45825aa4","scripts":{"lint":"eslint \"**/*.{js,ts,tsx}\"","test":"jest","clean":"del-cli lib","example":"yarn workspace rating-bar-example","prepare":"bob build","release":"release-it","typecheck":"tsc"},"_npmUser":{"name":"aashu-dubey","email":"asutosh.dubey97@gmail.com"},"prettier":{"useTabs":false,"tabWidth":2,"quoteProps":"consistent","singleQuote":true,"trailingComma":"es5"},"commitlint":{"extends":["@commitlint/config-conventional"]},"release-it":{"git":{"tag":false,"push":false,"commit":false,"tagName":"v${version}","commitMessage":"chore: release ${version}"},"npm":{"publish":true,"publishArgs":["--provenance"],"versionArgs":["--allow-same-version"]},"github":{"release":true},"plugins":{"@release-it/conventional-changelog":{"preset":"angular"}}},"repository":{"url":"git+https://github.com/Aashu-Dubey/react-native-rating-bar.git","type":"git"},"workspaces":["example"],"_npmVersion":"10.9.2","description":"A React Native component for generating and displaying interactive Tap or Swipe enabled Ratings.","directories":{},"resolutions":{"@types/react":"^18.2.44"},"_nodeVersion":"22.14.0","eslintConfig":{"root":true,"rules":{"prettier/prettier":["error",{"useTabs":false,"tabWidth":2,"endOfLine":"auto","quoteProps":"consistent","singleQuote":true,"trailingComma":"es5"}],"react/react-in-jsx-scope":"off","react-native/no-inline-styles":"off"},"extends":["@react-native","prettier"]},"eslintIgnore":["node_modules/","lib/"],"publishConfig":{"registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"packageManager":"yarn@3.6.1","devDependencies":{"jest":"^29.7.0","react":"18.3.1","eslint":"^8.51.0","del-cli":"^5.1.0","prettier":"^3.0.3","commitlint":"^19.5.0","release-it":"^17.10.0","typescript":"^5.2.2","@types/jest":"^29.5.5","@types/react":"^18.2.44","react-native":"0.76.7","@evilmartians/lefthook":"^1.5.0","eslint-config-prettier":"^9.0.0","eslint-plugin-prettier":"^5.0.1","react-native-builder-bob":"^0.37.0","@react-native/eslint-config":"^0.73.1","react-native-gesture-handler":"^2.24.0","@commitlint/config-conventional":"^19.5.0","@release-it/conventional-changelog":"^9.0.2"},"peerDependencies":{"react":"*","react-native":"*","react-native-gesture-handler":">=2"},"_npmOperationalInternal":{"tmp":"tmp/react-native-rating-bar_0.3.3_1741292162926_0.6857693904690911","host":"s3://npm-registry-packages-npm-production"},"react-native-builder-bob":{"output":"lib","source":"src","targets":[["commonjs",{"esm":true}],["module",{"esm":true}],["typescript",{"esm":true,"project":"tsconfig.build.json"}]]},"create-react-native-library":{"type":"library","version":"0.48.3","languages":"js"}},"0.3.5":{"name":"@aashu-dubey/react-native-rating-bar","version":"0.3.5","keywords":["rating-bar","rating bar","rating","review","star","gestures","vector icons","vector-icons","react-native","ios","android"],"author":{"url":"https://github.com/Aashu-Dubey","name":"Ashutosh"},"license":"MIT","_id":"@aashu-dubey/react-native-rating-bar@0.3.5","maintainers":[{"name":"aashu-dubey","email":"asutosh.dubey97@gmail.com"}],"homepage":"https://github.com/Aashu-Dubey/react-native-rating-bar#readme","bugs":{"url":"https://github.com/Aashu-Dubey/react-native-rating-bar/issues"},"dist":{"shasum":"1683a7d29ce08dbd67055146a9a6dae49a4f5d22","tarball":"https://registry.npmjs.org/@aashu-dubey/react-native-rating-bar/-/react-native-rating-bar-0.3.5.tgz","fileCount":86,"integrity":"sha512-8iO7IkpUbsjzZTydphqCY1EEOWVVTUtuN35YfCvecyZJHqd1DzbKors41HVSc6bXUilK60Kn/aoGfJtE4WKQWQ==","signatures":[{"sig":"MEQCICnTjpl9loj2QatjOQDMBBRD/wku5PnjQWRptnW0yPNpAiAavDyCu+Rg5LKSKkuz+zZBtwpiagRUCKU8bD6RlEOFYQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@aashu-dubey%2freact-native-rating-bar@0.3.5","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":210830},"jest":{"preset":"react-native","modulePathIgnorePatterns":["<rootDir>/example/node_modules","<rootDir>/lib/"]},"main":"./lib/commonjs/index.js","module":"./lib/module/index.js","source":"./src/index.tsx","exports":{".":{"import":{"types":"./lib/typescript/module/src/index.d.ts","default":"./lib/module/index.js"},"require":{"types":"./lib/typescript/commonjs/src/index.d.ts","default":"./lib/commonjs/index.js"}}},"gitHead":"4f9c7b5b81bb25fda5c12748c85b61c2a4bf232d","scripts":{"lint":"eslint \"**/*.{js,ts,tsx}\"","test":"jest","clean":"del-cli lib","example":"yarn workspace rating-bar-example","prepare":"bob build","release":"release-it","typecheck":"tsc"},"_npmUser":{"name":"aashu-dubey","email":"asutosh.dubey97@gmail.com"},"prettier":{"useTabs":false,"tabWidth":2,"quoteProps":"consistent","singleQuote":true,"trailingComma":"es5"},"commitlint":{"extends":["@commitlint/config-conventional"]},"release-it":{"git":{"tag":false,"push":false,"commit":false,"tagName":"v${version}","commitMessage":"chore: release ${version}"},"npm":{"publish":true,"publishArgs":["--provenance"]},"github":{"release":true},"plugins":{"@release-it/conventional-changelog":{"preset":"angular"}}},"repository":{"url":"git+https://github.com/Aashu-Dubey/react-native-rating-bar.git","type":"git"},"workspaces":["example"],"_npmVersion":"10.9.2","description":"A React Native component for generating and displaying interactive Tap or Swipe enabled Ratings.","directories":{},"resolutions":{"@types/react":"^18.2.44"},"_nodeVersion":"22.14.0","eslintConfig":{"root":true,"rules":{"prettier/prettier":["error",{"useTabs":false,"tabWidth":2,"endOfLine":"auto","quoteProps":"consistent","singleQuote":true,"trailingComma":"es5"}],"react/react-in-jsx-scope":"off","react-native/no-inline-styles":"off"},"extends":["@react-native","prettier"]},"eslintIgnore":["node_modules/","lib/"],"publishConfig":{"registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"packageManager":"yarn@3.6.1","devDependencies":{"jest":"^29.7.0","react":"18.3.1","eslint":"^8.51.0","del-cli":"^5.1.0","prettier":"^3.0.3","commitlint":"^19.5.0","release-it":"^17.10.0","typescript":"^5.2.2","@types/jest":"^29.5.5","@types/react":"^18.2.44","react-native":"0.76.7","@evilmartians/lefthook":"^1.5.0","eslint-config-prettier":"^9.0.0","eslint-plugin-prettier":"^5.0.1","react-native-builder-bob":"^0.37.0","@react-native/eslint-config":"^0.73.1","react-native-gesture-handler":"^2.24.0","@commitlint/config-conventional":"^19.5.0","@release-it/conventional-changelog":"^9.0.2"},"peerDependencies":{"react":"*","react-native":"*","react-native-gesture-handler":">=2"},"_npmOperationalInternal":{"tmp":"tmp/react-native-rating-bar_0.3.5_1741292651074_0.3200881072945774","host":"s3://npm-registry-packages-npm-production"},"react-native-builder-bob":{"output":"lib","source":"src","targets":[["commonjs",{"esm":true}],["module",{"esm":true}],["typescript",{"esm":true,"project":"tsconfig.build.json"}]]},"create-react-native-library":{"type":"library","version":"0.48.3","languages":"js"}},"0.3.6":{"name":"@aashu-dubey/react-native-rating-bar","version":"0.3.6","description":"A React Native component for generating and displaying interactive Tap or Swipe enabled Ratings.","source":"./src/index.tsx","main":"./lib/commonjs/index.js","module":"./lib/module/index.js","exports":{".":{"import":{"types":"./lib/typescript/module/src/index.d.ts","default":"./lib/module/index.js"},"require":{"types":"./lib/typescript/commonjs/src/index.d.ts","default":"./lib/commonjs/index.js"}}},"scripts":{"example":"yarn workspace rating-bar-example","test":"jest","typecheck":"tsc","lint":"eslint \"**/*.{js,ts,tsx}\"","clean":"del-cli lib","prepare":"bob build","release":"release-it"},"keywords":["rating-bar","rating bar","rating","review","star","gestures","vector icons","vector-icons","react-native","ios","android"],"repository":{"type":"git","url":"git+https://github.com/Aashu-Dubey/react-native-rating-bar.git"},"author":{"name":"Ashutosh","url":"https://github.com/Aashu-Dubey"},"license":"MIT","bugs":{"url":"https://github.com/Aashu-Dubey/react-native-rating-bar/issues"},"homepage":"https://github.com/Aashu-Dubey/react-native-rating-bar#readme","publishConfig":{"registry":"https://registry.npmjs.org/"},"devDependencies":{"@commitlint/config-conventional":"^19.5.0","@evilmartians/lefthook":"^1.5.0","@react-native/eslint-config":"^0.73.1","@release-it/conventional-changelog":"^9.0.2","@types/jest":"^29.5.5","@types/react":"^18.2.44","commitlint":"^19.5.0","del-cli":"^5.1.0","eslint":"^8.51.0","eslint-config-prettier":"^9.0.0","eslint-plugin-prettier":"^5.0.1","jest":"^29.7.0","prettier":"^3.0.3","react":"18.3.1","react-native":"0.76.7","react-native-builder-bob":"^0.37.0","react-native-gesture-handler":"^2.24.0","release-it":"^17.10.0","typescript":"^5.2.2"},"resolutions":{"@types/react":"^18.2.44"},"peerDependencies":{"react":"*","react-native":"*","react-native-gesture-handler":">=2"},"workspaces":["example"],"packageManager":"yarn@3.6.1","jest":{"preset":"react-native","modulePathIgnorePatterns":["<rootDir>/example/node_modules","<rootDir>/lib/"]},"commitlint":{"extends":["@commitlint/config-conventional"]},"release-it":{"git":{"commit":false,"tag":false,"push":false,"commitMessage":"chore: release ${version}","tagName":"v${version}"},"npm":{"publish":true,"publishArgs":["--provenance"]},"github":{"release":true},"plugins":{"@release-it/conventional-changelog":{"preset":"angular"}}},"eslintConfig":{"root":true,"extends":["@react-native","prettier"],"rules":{"react/react-in-jsx-scope":"off","prettier/prettier":["error",{"quoteProps":"consistent","singleQuote":true,"tabWidth":2,"trailingComma":"es5","useTabs":false,"endOfLine":"auto"}],"react-native/no-inline-styles":"off"}},"eslintIgnore":["node_modules/","lib/"],"prettier":{"quoteProps":"consistent","singleQuote":true,"tabWidth":2,"trailingComma":"es5","useTabs":false},"react-native-builder-bob":{"source":"src","output":"lib","targets":[["commonjs",{"esm":true}],["module",{"esm":true}],["typescript",{"project":"tsconfig.build.json","esm":true}]]},"create-react-native-library":{"languages":"js","type":"library","version":"0.48.3"},"_id":"@aashu-dubey/react-native-rating-bar@0.3.6","gitHead":"f2004b118f67c6da3fdb3eb7ac015a7ab6e92a7c","_nodeVersion":"22.14.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-5JEWG0z0Hxg1kzCT0357WHhBXmYIseSe+oBIKTwL3BLpd6F+hvGkkwXQvQ3WsjLWddNWQeWRU5tKnfaKZ7lp4g==","shasum":"56cfb3113e26d636834f4f0586bd3abfcf0d8687","tarball":"https://registry.npmjs.org/@aashu-dubey/react-native-rating-bar/-/react-native-rating-bar-0.3.6.tgz","fileCount":86,"unpackedSize":210830,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@aashu-dubey%2freact-native-rating-bar@0.3.6","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCoEiopwn5vXds32Za0eRgd8fHpt+uYeN19HEOKlnFGzAIgJkatn07SZlI2wrhOXHK7Fi/flYu/mEp4in9X22VJbQ8="}]},"_npmUser":{"name":"aashu-dubey","email":"asutosh.dubey97@gmail.com"},"directories":{},"maintainers":[{"name":"aashu-dubey","email":"asutosh.dubey97@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-native-rating-bar_0.3.6_1741293085687_0.05038305082721228"},"_hasShrinkwrap":false}},"time":{"created":"2022-05-28T21:52:31.263Z","modified":"2025-03-06T20:31:26.324Z","0.1.0":"2022-05-28T21:52:31.492Z","0.2.0":"2022-10-28T21:35:09.903Z","0.3.1":"2025-03-06T19:41:19.293Z","0.3.3":"2025-03-06T20:16:03.137Z","0.3.5":"2025-03-06T20:24:11.333Z","0.3.6":"2025-03-06T20:31:25.892Z"},"bugs":{"url":"https://github.com/Aashu-Dubey/react-native-rating-bar/issues"},"author":{"name":"Ashutosh","url":"https://github.com/Aashu-Dubey"},"license":"MIT","homepage":"https://github.com/Aashu-Dubey/react-native-rating-bar#readme","keywords":["rating-bar","rating bar","rating","review","star","gestures","vector icons","vector-icons","react-native","ios","android"],"repository":{"type":"git","url":"git+https://github.com/Aashu-Dubey/react-native-rating-bar.git"},"description":"A React Native component for generating and displaying interactive Tap or Swipe enabled Ratings.","maintainers":[{"name":"aashu-dubey","email":"asutosh.dubey97@gmail.com"}],"readme":"<h1 align=\"center\">\n    React Native Rating Bar\n</h1>\n\nA React Native component for generating and displaying interactive Tap or Swipe enabled Ratings supporting custom icons from [vector icons](https://github.com/oblador/react-native-vector-icons) and images.\n\n<div align=\"center\">\n\n[![npm](https://img.shields.io/npm/v/@aashu-dubey/react-native-rating-bar?style=flat-square)](https://www.npmjs.com/package/@aashu-dubey/react-native-rating-bar) [![Install Size](https://packagephobia.now.sh/badge?p=@aashu-dubey/react-native-rating-bar)](https://www.npmjs.com/package/@aashu-dubey/react-native-rating-bar)\n\n[Installation](#-installation) • [Usage](#-usage) • [Examples](#-examples) • [Demo](./example)\n\n</div>\n\n## 🚀 Installation\n\nInstall the package using yarn or npm:\n\n```sh\nyarn add @aashu-dubey/react-native-rating-bar\n```\n\nOr\n\n```sh\nnpm install --save @aashu-dubey/react-native-rating-bar\n```\n\nAnd you also need to install [`react-native-gesture-handler`](https://github.com/software-mansion/react-native-gesture-handler), as we're using it for Swipe/Tap gestures:\n\n```sh\nyarn add react-native-gesture-handler\n```\n\nthen wrap your App's entry point with `GestureHandlerRootView` (see [official doc](https://docs.swmansion.com/react-native-gesture-handler/docs/next/installation#js)) in order for drag to rate feature to work\n\n```JSX\nexport default function App() {\n  return (\n    <GestureHandlerRootView style={{ flex: 1 }}>\n      {/* content */}\n    </GestureHandlerRootView>\n  );\n}\n```\n\nFor more info see gesture-handler's [official Installation guide](https://docs.swmansion.com/react-native-gesture-handler/docs/installation)\n\n## 💪🏼 Usage\n\n### Props\n\n#### RatingBar\n\n| prop                                                     | default                   | type                                             | description                                                                                                                                                                                                                                                                                                                                                            |\n| -------------------------------------------------------- | ------------------------- | ------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| <span id=\"tableRateStylesProp\">rateStyles</span>         | undefined                 | object ([RateStyles](#ratestyless-object))       | Provide custom styles for View containing whole rating group or single rating item.                                                                                                                                                                                                                                                                                    |\n| itemCount                                                | 5                         | number                                           | Total number of Rating items to display.                                                                                                                                                                                                                                                                                                                               |\n| minRating                                                | 0                         | number                                           | Minimum rating value allowed. Should be `>= 0`                                                                                                                                                                                                                                                                                                                         |\n| maxRating                                                | `itemCount`               | number                                           | Miximum rating value allowed. Should be `>= minRating >= 0`                                                                                                                                                                                                                                                                                                            |\n| layoutDirection                                          | device's layout direction | 'ltr' or 'rtl'                                   | Layout Direction to show the ratings on, left-to-right (`ltr`) or right-to-left (`rtl`)                                                                                                                                                                                                                                                                                |\n| unratedColor                                             | 'rgba(0, 0, 0, 0.38)'     | string (ColorValue)                              | Color for items that are not rated yet, usually when `index >= rating`.                                                                                                                                                                                                                                                                                                |\n| <span id=\"tableAllowHalfRating\">allowHalfRating</span>   | false                     | boolean                                          | If `true`, rating will increase/decrease by fraction of `0.5` instead of default `1`.                                                                                                                                                                                                                                                                                  |\n| <span id=\"tableDirectionProp\">direction</span>           | 'horizontal'              | 'horizontal' \\| 'vertical' \\| 'vertical-reverse' | Direction to show the ratings items in                                                                                                                                                                                                                                                                                                                                 |\n|                                                          |                           | 'horizontal'                                     | shows the rating items horizontally. To see them in reverse horizontally set `layoutDirection=\"rtl\"`                                                                                                                                                                                                                                                                   |\n|                                                          |                           | 'vertical'                                       | Shows the rating items vertically, top to bottom.                                                                                                                                                                                                                                                                                                                      |\n|                                                          |                           | 'vertical-reverse'                               | Shows the rating itmes vertically, bottom to top.                                                                                                                                                                                                                                                                                                                      |\n| glow                                                     | true                      | boolean                                          | If true, Rating items will glow when being touched or dragged.<br><br>Note:- iOS only                                                                                                                                                                                                                                                                                  |\n| glowColor                                                | '#FFC107'                 | string (ColorValue)                              | Defines color for glow                                                                                                                                                                                                                                                                                                                                                 |\n| glowRadius                                               | 2                         | number                                           | Defines the radius of glow                                                                                                                                                                                                                                                                                                                                             |\n| ignoreGestures                                           | false                     | boolean                                          | Ignore user gestures to make rating bar view only<br>Alternatively you can use `RatingBarIndicator` component.                                                                                                                                                                                                                                                         |\n| initialRating                                            | 0                         | number                                           | Defines the initial rating to be set to the rating bar.                                                                                                                                                                                                                                                                                                                |\n| itemPadding                                              | 0                         | number                                           | The amount of space by which to inset each rating item.                                                                                                                                                                                                                                                                                                                |\n| itemSize                                                 | 40                        | number                                           | Defines width and height of each rating item in the bar.                                                                                                                                                                                                                                                                                                               |\n| tapOnlyMode                                              | false                     | boolean                                          | If `true`, will disable drag to rate feature and only allow taps to change ratings.                                                                                                                                                                                                                                                                                    |\n| <span id=\"tableUpdateOnDragProp\">updateOnDrag</span>     | false                     | boolean                                          | Defines whether or not the [`onRatingUpdate`](#tableOnRatingUpdateProp) updates while dragging.                                                                                                                                                                                                                                                                        |\n| useSolution                                              | 1                         | 1 or 2 (number)                                  | There are two implemented solutions for the drag to rate feature, choose whichever works best for you.<br><br>You won't usually notice any difference, unless ratings are vertical, see [`direction`](#tableDirectionProp) props.                                                                                                                                      |\n| <span id=\"tableOnRatingUpdateProp\">onRatingUpdate</span> | undefined                 | function(rating: number)                         | Return current rating whenever rating is updated.<br><br>[`updateOnDrag`](#tableUpdateOnDragProp) can be used to change the behaviour how the callback reports the update.<br>By Default it only returns update when the touch ends, either when tapping or dragging.                                                                                                  |\n| <span id=\"tableRatingView\">ratingView</span>             | undefined                 | object ([RatingView](#ratingviews-object))       | Properties for rating view that updates with current rating.<br>By default it shows `Rating: {rating} / {itemCount}`                                                                                                                                                                                                                                                   |\n| <span id=\"tableItemBuilder\">itemBuilder<span>            | undefined                 | function(index: number) => JSX.Element           | Function to return your custom components to be used as rating items, usually Image or Icon component from [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons).<br>You can either pass single component or different components based on `index` property from param.<br><br>index - Provides Rating bar item's index position as param. |\n| <span id=\"tableRatingElement\">ratingElement</span>       | undefined                 | object ([RatingElement](#ratingelements-object)) | Define 3 different states of rating.<br>`empty`, `half` and `full`.                                                                                                                                                                                                                                                                                                    |\n\n##### [`ratingElement`'s Object](#tableRatingElement)\n\n- | key   | type        | description                                                                                                                                                                |\n  | ----- | ----------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n  | empty | JSX.Element | Defines Element to be used as rating bar item when item is unrated.                                                                                                        |\n  | half  | JSX.Element | Defines Element to be used when as rating bar item when only half portion of item is rated.<br>**Note**:- [allowHalfRating](#tableAllowHalfRating) needs to be set to true |\n  | full  | JSX.Element | Defines Element to be used when as rating bar item when item is completely rated.                                                                                          |\n\n##### [`rateStyles`'s Object](#tableRateStylesProp)\n\n- | key           | type                                                            | description                                          |\n  | ------------- | --------------------------------------------------------------- | ---------------------------------------------------- |\n  | container     | object (ViewStyle)                                              | Custom styles for View contaning whole rating group. |\n  | starContainer | object (ViewStyle) \\| ((index: number) => StyleProp<ViewStyle>) | Custom styles for View contaning Sigle rating item.  |\n\n##### [`ratingView`'s Object](#tableRatingView)\n\n- | key            | type               | description                                                                                                                                                                                                                                |\n  | -------------- | ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |\n  | showRating     | boolean            | Whether to show Rating indicator. By default view doesn't show.                                                                                                                                                                            |\n  | position       | 'top' \\| 'bottom'  | Whether to show indicator on `top` or `bottom` of Rating bar. By default it shows on `top`.                                                                                                                                                |\n  | titleText      | string             | Custom title that shows at the start, before `{currentRating} / {itemCount}`.<br>Default is `\"Rating: \"`.                                                                                                                                  |\n  | containerStyle | object (ViewStyle) | Style for main view container.                                                                                                                                                                                                             |\n  | titleStyle     | object (TextStyle) | Style for text showing before ratings, at the start.                                                                                                                                                                                       |\n  | ratingStyle    | object (TextStyle) | Style for text showing current rating.                                                                                                                                                                                                     |\n  | totalStyle     | object (TextStyle) | Style for text showing total allowed rating.                                                                                                                                                                                               |\n  | custom         | ReactElement       | Pass custom component replacing the default one, can be emoji, image or text etc.<br>Passing this will make above props irrelevent, except `showRating` and `position`.<br><br>Note:- You have to handle updates based on rating yourself. |\n\n> **Note**:- To make the component work you must pass either of `itemBuilder` or `ratingElement` with valid values.\n\n#### RatingBarIndicator\n\nThis is view only alternative to `RatingBar` with no Tap or Swipe capability and From above props **RatingBarIndicator** contains `layoutDirection`, `unratedColor`, `direction`, `itemCount`, `itemPadding`, `itemSize`, `rating` and `itemBuilder` with same specific uses.\n\n### 📲 Examples\n\n#### Using RatingBar Component\n\nThere are few different ways to use Rating Bar component\n\n###### Using [`ratingElement`](#tableRatingElement) prop:\n\n<img width=\"248\" alt=\"image\" src=\"https://user-images.githubusercontent.com/86477859/169906569-f937a04a-0bbc-40b9-ad79-6eaefcb58c0c.png\">\n\n```JSX\n<RatingBar\n  initialRating={3.5}\n  direction=\"horizontal\"\n  allowHalfRating\n  itemCount={5}\n  itemPadding={4}\n  ratingElement={{\n    full: (\n      <Image\n        style={{ width: 30, height: 30, tintColor: '#54D3C2' }}\n        resizeMode=\"contain\"\n        source={require('./assets/heart.png')}\n      />\n    ),\n    half: (\n      <Image\n        style={{ width: 30, height: 30, tintColor: '#54D3C2' }}\n        resizeMode=\"contain\"\n        source={require('./assets/heart_half.png')}\n      />\n    ),\n    empty: (\n      <Image\n        style={{ width: 30, height: 30, tintColor: '#54D3C2' }}\n        resizeMode=\"contain\"\n        source={require('./assets/heart_border.png')}\n      />\n    ),\n  }}\n  onRatingUpdate={value => console.log(value)}\n/>\n```\n\nAssets are available [here](./example/src/assets).<br>\nOr you can use Icon component from [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons):\n\n<img width=\"248\" alt=\"image\" src=\"https://user-images.githubusercontent.com/86477859/169905930-0fbdd3d0-df05-4e87-b328-79f891ec0e7a.png\">\n\n```JSX\n<RatingBar\n  initialRating={3.5}\n  direction=\"horizontal\"\n  allowHalfRating\n  itemCount={5}\n  itemPadding={4}\n  ratingElement={{\n    full: <Icon name=\"star-rate\" color=\"#54D3C2\" size={40} />,\n    half: <Icon name=\"star-half\" color=\"#54D3C2\" size={40} />,\n    empty: <Icon name=\"star-border\" color=\"#54D3C2\" size={40} />,\n  }}\n  onRatingUpdate={value => console.log(value)}\n/>\n```\n\n###### Using [`itemBuilder`](#tableItemBuilder) prop:\n\n<img width=\"248\" alt=\"image\" src=\"https://user-images.githubusercontent.com/86477859/169903719-224b225e-e45b-4dec-b4b8-3b0d4230e709.png\">\n\n```JSX\n<RatingBar\n  initialRating={2.5}\n  minRating={1}\n  direction=\"horizontal\"\n  allowHalfRating\n  unratedColor=\"rgba(255, 193, 7, 0.2)\"\n  itemCount={5}\n  itemPadding={4}\n  itemSize={40}\n  itemBuilder={() => <Icon name=\"star\" color=\"#FFC107\" size={40} />}\n  onRatingUpdate={value => console.log(value)}\n/>\n```\n\n###### Based on [`itemBuilder`](#tableItemBuilder) prop's index param:\n\nPassing different component in `itemBuilder` based on index param value:\n\n<img width=\"248\" alt=\"image\" src=\"https://user-images.githubusercontent.com/86477859/169907826-2388a362-b5fe-457c-9573-f749c2014c6a.png\">\n\n```JSX\n<RatingBar\n  initialRating={3}\n  itemCount={5}\n  itemPadding={4}\n  itemBuilder={index => {\n    switch (index) {\n      case 0:\n        return (\n          <Icon name=\"sentiment-very-dissatisfied\" color=\"#F44336\" size={40} />\n        );\n      case 1:\n        return <Icon name=\"sentiment-dissatisfied\" color=\"#FF5252\" size={40} />;\n      case 2:\n        return <Icon name=\"sentiment-neutral\" color=\"#FFC107\" size={40} />;\n      case 3:\n        return <Icon name=\"sentiment-satisfied\" color=\"#8BC34A\" size={40} />;\n      case 4:\n        return (\n          <Icon name=\"sentiment-very-satisfied\" color=\"#4CAF50\" size={40} />\n        );\n      default:\n        return <View />;\n    }\n  }}\n  onRatingUpdate={value => console.log(value)}\n/>\n```\n\n#### Using `RatingBarIndicator` Component\n\n<img width=\"248\" alt=\"image\" src=\"https://user-images.githubusercontent.com/86477859/169963092-a600f105-5d7c-458f-9bb6-862175d5f840.png\">\n\n```JSX\n<RatingBarIndicator\n  rating={3.37}\n  itemBuilder={() => <Icon name=\"star\" color=\"#FFC107\" />}\n  itemCount={5}\n  itemSize={50}\n  unratedColor=\"rgba(255, 193, 7, 0.2)\"\n  direction=\"horizontal\" // Or \"vertical\", \"vertical-reverse\"\n/>\n```\n\n#### Vertical Mode\n\n| <img width=\"154\" alt=\"image\" src=\"https://user-images.githubusercontent.com/86477859/169964817-4cfbb2d6-1c15-4769-8099-23cd450a0d8f.png\"> | <img width=\"154\" alt=\"image\" src=\"https://user-images.githubusercontent.com/86477859/169964900-1e8d3a8e-b3fd-45ac-9d2d-3a80ce219205.png\"> |\n| :---------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------: |\n|                                                              <b>vertical</b>                                                              |                                                          <b>vertical-reverse</b>                                                          |\n\n## 🚧 Issue\n\nYou may notice, especially in Android drag to rate is a little slower, this is a dev only problem, if you run your build on release mode or even debug with JS dev mode disabled it will run way way faster, something related to [this](https://github.com/facebook/hermes/issues/48).\nThat being said, I'm trying to fix this.\n\n## 🌻 Motivation\n\nThis project was initially started as I needed to implement a rating component for [Hotel Booking UI](https://github.com/Aashu-Dubey/React-Native-UI-Templates/blob/main/react_native_UI_Templates/res/hotel/hotel_booking.png) template in my other open source project for learning [React-Native-UI-Templates](https://github.com/Aashu-Dubey/React-Native-UI-Templates), and failing to find a proper solution that works same as the original Project in Flutter, I decided to replicate the Rating library used in the Flutter project.<br>\nSo this package is initially inspired from Flutter package [flutter_rating_bar](https://github.com/sarbagyastha/flutter_rating_bar) (including the demo 😅) with some extra added functionalities.\n\n## 🙋‍♀️ Contributing\n\nSee the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.\n\n## 📜 License\n\nMIT\n","readmeFilename":"README.md"}