react-native-easy-rating
A React Native component for rating view. Compatible with both iOS and Android.
Installation
npm install react-native-easy-rating --save
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 | Yes |
|
editable |
boolean |
Ability to change rating by tap | No |
Yes |
Example
import Rating from 'react-native-easy-rating'
...
<Rating
rating={1}
max={5}
iconWidth={24}
iconHeight={24}
iconSelected={require('../../img/icon_star_selected.png')}
iconUnselected={require('../../img/icon_star_unselected.png')}
onRate={(rating) => this.setState({rating: rating})}/>