React-native-rating-stars NPM

react-native-rating-stars

react-native-rating-stars is a versatile react native star review component with custom star sizes, star count, star spacing, and interactivity clickable.

Installation

npm install react-native-rating-stars --save

Dependencies

Since we used React Native Vector icons so you need to install react-native-vector-icons Istallation Resource: https://github.com/oblador/react-native-vector-icons#installation

Usages

Example 01 (Show as well as get give rating)

import RatingStar from "react-native-rating-stars"

const getRatingNumber = (ratingNumber) => {
  console.log(ratingNumber)
}

<RatingStar
  numberOfStar={5}
  ratingState={3}
  color="#006994"
  size={20}
  isClickable={true}
  getRatingNumber={getRatingNumber}
/>

Example 02 (Only show rating)

import RatingStar from "react-native-rating-stars"

<RatingStar numberOfStar={5} ratingState={3} color="#006994" size={20} />

Props

Prop	Type	Description	Required	Default
`numberOfStar`	int	How many star do you want to show	No	5
`ratingState`	int	3	No	0
`color`	string	color of star like 'red' or color code or rgba etc	No	`#006994`
`size`	int	size of stars	No	`25`
`isClickable`	boolean	want to give star	No	`false`
`getRatingNumber`	function	get gave rating number	No	`null`