0.2.1 • Published 3 years ago
react-native-easy-rating v0.2.1
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}/>
);
}