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.

Table of Contents

1. Installation
2. Usage
3. Props

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 |

Contributing

Pull Requests for new features and bugfixes are welcome! :)

License

MIT License