rn-rating-component

A Simple react-native rating component.

Installation

Install rn-rating-component and its dependeices with npm

  npm install --save rn-rating-component

or

  yarn add --save rn-rating-component

Basic Example

import React, {useState} from 'react';
import Rating from 'rn-rating-component'

export const Rn_Rating_Component_Example =()=> {
      const [rate, setRate] = useState(null);
      return (
       <Rating
        maxrating={5}
        size={30}
        defaultrate={rate}
        onChangeRate={setRate}
      />
  );
}

Features

• two default modes
• uri string for custom icons
• fully customisable style and props
• Highly functional

Documentation

The default icons are from react-native-vector-icons.see the demo app inside the directory rating_test_app/App.js you can find all the usage examples in the same file of the demo app.for customiconfilled and customiconoutline prop pass in the icon name from react-native-vector-icons/MaterialIcons.

Usage

Props

Advanced Example

import React, { useState } from "react";
import Rating from "rn-rating-component";

export const Rn_Rating_Component_Example = () => {
  const [rate, setRate] = useState(null);
  
  console.log(rate);

  return (
    <Rating
      maxrating={5}
      onChangeRate={setRate}
      defaultrate={rate}
      isurlpresent={true}
      filledurl=""
      outlineurl=""
    />
  );
};

Demo App Installation

cd rating_test_app

npm install --save

npx react-native start

npx react-native run-android

Contributing

Contributions are always welcome! Please adhere to this project's code of conduct.

Support

For support, create an issue