react-native-review-modal

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

Author

FreakyCoder, [e-mail]

License

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