Add the dependency:
npm i react-native-star-review"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"
<StarReview />You can check the example for the advanced usage
<StarReview
ratings={5}
stars={10}
starColor="#8409ff"
reviews={219301495}
reviewsText="contributions"
/>| 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 |
| disableReview | boolean | false | disable the whole review part |
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"
-> You need to add this line of code into app/gradle
apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"-
LICENSE - Write an article about the lib on Medium
FreakyCoder, [email protected]
React Native Star Review Library is available under the MIT license. See the LICENSE file for more info.