npm

react-native-custom-ratings

1.0.1 • Public • Published

react-native-customized-ratings

Introduction

A React-Native Rating component to show a Ratings and Review. This Component is fully customized, you can modify it as per your need.

  • Show Average Reviews and Ratings
  • Show Reviews
Rating View with Reviews

Screenshot 2023-06-12 at 2 12 01 PM

Installation

If using yarn:

yarn add react-native-custom-ratings

If using npm:

npm i react-native-custom-ratings

Usage

import Rating from 'react-native-custom-ratings'

Simply place a <Rating /> tag for showing Ratings.

<View style={{ flex:1, }}>
        <Rating data={[
      {
        id:"1",
        comment:"Good.",
        rating:5, 
        name:"Alex John", 
        date:"5/25/23",
      },
      {
        id:"2",
        comment:"Amazing!",
        rating:4, 
        name:"Jaweed Shuja", 
        date:"4/12/23",
      }]} />
    </View>

Documentation

Rating Component

Name Description Default Type
data reviews data which will shown on screen data format should be { id:"", comment:"", rating:5, name:"", date:"", } [] Array
primaryColor Primary color of component Poppins-Regular String
primaryFontFamily Primary font family of texts on component ()=>{} Func
primaryFontSize Font size of all texts on component 16 Int

Contributing

Pull requests are always welcome! Feel free to open a new GitHub issue for any changes that can be made.

Author

Jaweed Shuja

License

MIT

Package Sidebar

Install

npm i react-native-custom-ratings

Weekly Downloads

0

Version

1.0.1

License

ISC

Unpacked Size

84.9 kB

Total Files

13

Last publish

Collaborators

  • jaweedshuja