Nevertheless! Party Metaphorically
Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

react-native-rating-modal-box

1.1.1 • Public • Published

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

Made with ♥.

Install

npm i react-native-rating-modal-box

DownloadsWeekly Downloads

8

Version

1.1.1

License

ISC

Unpacked Size

26.4 kB

Total Files

8

Last publish

Collaborators

  • avatar