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 = ; return <RatingModal ="itms-apps://itunes.apple.com/app/11111" ="market://details?id=com.myproject.text" = = = /> AppRegistry
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 ♥.