React-native-rating-modal-box NPM

react-native-rating-modal-box

Installation

$ npm i react-native-rating-modal-box

Or

$ yarn add react-native-rating-modal-box

Basic Usage

Install react-native first

$ npm i react-native-cli -g

Initialization of a react-native project

$ react-native init myproject

Then, edit myproject/index.js, like this:

import React, {useState} from 'react'

import RatingModal from 'react-native-rating-modal-box';

const MyComponent = () => {
  const [isOpenRating, setOpenRating] = useState(true);
  return (
    <RatingModal
        iTunesURL="itms-apps://itunes.apple.com/app/11111"
        playMarketURL="market://details?id=com.myproject.text"
        onClose={() => setOpenRating(false)}
        visible={isOpenRating}
        ratingConfirm={selectedRating => {
          console.log('Selected rating', selectedRating);
        }}
      />
  )
}


AppRegistry.registerComponent('myproject', () => MyComponent)

Properties

Basic

	type	default	description
visible	`bool`	`false`	If `true`, modal is visible
onClose	`func`		Call when cancel button pressed
sendComment	`func`		Call when send button pressed, return comment text & select rating `{text, selectRating}`
ratingConfirm	`func`		Call when user voted, return `selectedRating`
changeRating	`func`		Call when rating changed, return `selectedRating`
iTunesURL	`string`		URL to app in iTunes `'itms-apps://itunes.apple.com/app/{APP_ID}'`
playMarketURL	`string`		URL to app in PlayMarket `'market://details?id={APP_PACKAGE_NAME}'`
defaultRating	`number`	`5`	Initial rating
animationType	`string`	`fade`	Modal animation type
ratingBoxTitleText	`string`		Rating box title text
cancelBtnText	`string`	`'Cancel'`	Cancel button text
rateBtnText	`string`	`'Rate'`	Rate button text
commentBoxTitle	`string`		Comment box title (style props === `ratingBoxTitleStyle`)
commentBoxPlaceholder	`string`		Comment box input placeholder
sendBtnText	`string`		Styles for send button

Styles

	type	description
inputStyle	`object`	Comment input styles
ratingBoxStyle	`object`	Styles for rating box
ratingBoxTitleStyle	`object`	Styles for rating box title
modalContainerStyle	`object`	Styles for modal container
starBtnStyles	`object`	Styles for star button
cancelBtnTextStyles	`object`	Styles for cancel button text
cancelBtnStyles	`object`	Styles for cancel button
rateBtnTextStyles	`object`	Styles for rate button text
rateBtnStyles	`object`	Styles for rate button