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	default	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

Contribution

• @r.ravkov The main author.

Made with ♥.