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 ♥.