react-native-review-modal
v0.0.1
Published
Review Modal with dynamic rate system and comment feature for React Native
Downloads
6
Maintainers
Readme
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, [email protected]
License
React Native Review Modal Library is available under the MIT license. See the LICENSE file for more info.