react-native-star-review

Installation

Add the dependency:

Pure React Native:

npm i react-native-star-review

Peer 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
disableReview	boolean	false	disable the whole review part

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"

Future Plans

• LICENSE
• Write an article about the lib on Medium

Author

FreakyCoder, [e-mail]

License

React Native Star Review Library is available under the MIT license. See the LICENSE file for more info.