Package Exports
- react-native-star-review
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-star-review) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
Installation
Add the dependency:
Pure React Native:
npm i react-native-star-reviewPeer Dependencies
IMPORTANT! You need install them.
"react": ">= 16.x.x",
"react-native": ">= 0.55.x",
"react-number-format": ">= 4.x.x",
"react-native-vector-icons": ">= 6.x.x",
"react-native-dynamic-vector-icons": ">= x.x.x"
// Expo Version
"react-native-dynamic-vector-icons": "WrathChaos/react-native-dynamic-vector-icons#expo"Basic Usage
<StarReview />Advanced Usage
You can check the example for the advanced usage
<StarReview
ratings={5}
stars={10}
starColor="#8409ff"
reviews={219301495}
reviewsText="contributions"
/>Configuration - Props
| Property | Type | Default | Description |
|---|---|---|---|
| stars | number | 5 | create stars as many as you want |
| reviews | number | 0 | makes the stars fillable as many as you want |
| reviewsText | string | reviews | change the review's description text |
| reviewTextStyle | style | default style | set your own text style for review text |
| starSize | number | 16 | change the star icon's size |
| starColor | string | #ffa114 | change the star icon's color |
| textColor | string | #757575 | change the text color |
| iconComponent | component | Icon | set your own Icon component instead of dynamic-vector-icons |
| enableStars | boolean | false | shows the stars as text |
| enableParentheses | boolean | false | reviews are shown inside of parentheses |
Expo Compatibility
Star Review is usable with Expo. You just need to add a peer dependency:
"react-native-dynamic-vector-icons": "WrathChaos/react-native-dynamic-vector-icons#expo"Known Issues
Android
Stars are not showing :O
-> You need to add this line of code into app/gradle
apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"ToDos
- LICENSE
- Write an article about the lib on Medium
Author
FreakyCoder, kurayogun@gmail.com
License
React Native Star Review Library is available under the MIT license. See the LICENSE file for more info.