Hermanyo/react-native-review-modal

Review Modal with dynamic rate system and comment feature for React Native

Review Modal with dynamic rate system and comment feature for React Native

Installation

Add the dependency:

React Native:

npm i react-native-review-modal

Peer Dependencies

IMPORTANT! You need install them.

"react": ">= 16.x.x",
"react-native": ">= 0.55.x",
"react-native-modal": ">= 11.1.0",
"react-native-star-rating": ">= 1.1.0",
"react-native-vector-icons": ">= 6.6.0",
"react-native-linear-gradient": ">= 2.5.4",
"@freakycoder/react-native-text-area": ">= 0.0.11"

Basic Usage

import ReviewModal from "react-native-review-modal";

constructor(props) {
  super(props);
  this.state = {
    starCount: 3.6
  };
}

onStarRatingPress(rating) {
  this.setState({
    starCount: rating
  });
}

render() {
  return (
    <ReviewModal
      starRating={this.state.starCount}
      onStarRatingPress={rating => {
        this.onStarRatingPress(rating);
      }}
    />
  );
}

Configuration - Props

Property	Type	Default	Description
backgroundColor	color	"rgba(0, 0, 0, 0.5)"	change the backdrop's color
type	string	"FadingCircleAlt"	change the type of spinner's icon
size	number	50	change the spinner's size
color	color	white	change the spinner's color
spinnerStyle	style	default	set your own style for spinner
spinnerIsVisible	boolean	true	change the visibility of spinner
textColor	color	white	change the dynamic text's color
textStyle	style	default	set your own style for text
numberOfLines	number	2	RECOMMENDED! Do NOT change the number of lines, users cannot read long texts below 1.5 sec
reviewTitle	string	"How was your experience?"	change the title above stars
textAreaPlaceholder	string	"Write your review..."	change the text area placeholder
submitButtonTitle	string	"Submit"	change the submit button title
submitButtonStyle	object	default	set your own style for submit button
submitButtonGradientColors	array	["#5f2c82", "#49a09d"]	change the button gradient colors
textInputStyle	object	default	set your own style for input
textAreaStyle	number	default	set your own style for text area container
onChangeText	function	()=>{}	set your own function for change text action
onPressSubmit	function	()=>{}	set your own function for submit button action
isReviewModalVisible	boolean	false	Show the modal?

Author

FreakyCoder, kurayogun@gmail.com

License

React Native Review Modal Library is available under the MIT license. See the LICENSE file for more info.