0.1.2 • Published 3 years ago
react-native-user-feedback v0.1.2
react-native-user-feedback
Collect feedback from your users for any purpose. react-native-user-feedback
is a flexible component for iOS and Android that allows you to render star or numeric feedback as well as provide your own custom renderer.
Installation
npm install react-native-user-feedback
or for Yarn
yarn add react-native-user-feedback
Usage
import UserFeedback from 'react-native-user-feedback';
// ...
<UserFeedback
maxNumber={10}
rating={numberRating}
onRatingChanged={setNumberRating}
renderRating={Number}
/>;
Prop | Description | Type | Default |
---|---|---|---|
maxNumber | the maximum range of the feedback | number | 5 |
rating | The current rating | number | 0 |
onRatingChanged | called when the user selects a new rating | function | null |
renderRating | callback for custom ratings | function | Star |
Provided Renderers
Star
Provides a star based interface for feedback
Usage: Usage:
import { Star } from "react-native-user-feedback"
<UserFeedback
maxNumber={10}
rating={numberRating}
onRatingChanged={setNumberRating}
renderRating={Star}
/>;
Number
Provides a numeric interface for feedback
Usage:
import { Number } from "react-native-user-feedback"
<UserFeedback
maxNumber={10}
rating={numberRating}
onRatingChanged={setNumberRating}
renderRating={Number}
/>;
Contributing
See the contributing guide to learn how to contribute to the repository and the development workflow.
License
MIT