react-native-easy-rating

react-native-easy-rating

A React Native component for rating view. Compatible with both iOS and Android.

Tested with react-native 0.64.1

Installation

yarn add react-native-easy-rating

Usage

Props

Prop	Type	Description	Required	Default
rating	number	Set initial rating	No	0
max	number	Set maximum of rating	No	5
iconWidth	number	Set width of icon	No	36
iconHeight	number	Set height of icon	No	36
iconSelected	image	Set image of selected icon	No
iconUnselected	image	Set image of unselected icon	No
onRate	function(rating)	Trigger when rating changes	No
editable	boolean	Ability to change rating by tap	No	Yes

Example

import  Rating from 'react-native-easy-rating';
...
export default function App() {
  const [rating,setRating] = useState();

  return (
    <Rating
      rating={rating}
      max={5}
      iconWidth={24}
      iconHeight={24}
      onRate={setRating}/>
  );
}