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

by React Native Example

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, kurayogun@gmail.com

GitHub