react-native-surveyed-feedback v0.2.2
React Vative Surveyed Feedback
SurveyedFeedback is a React Native component designed for effortless collection of user feedback. It integrates with the 'Surveyed' platform, a robust service dedicated to managing all your survey needs.
Surveyed offers a variety of survey types, including forms, polls, testimonials, and NPS, CES, and CSAT surveys. It also supports custom scale questions, video and text responses, and performs sentiment analysis, providing comprehensive results. You can view responses in a graphical format for easy understanding.
Additionally, Surveyed provides plugins for integrating real-time user feedback into your website, enhancing user engagement.
The SurveyedFeedback component is compatible with all types of surveys offered by Surveyed, allowing you to utilize its extensive features directly from your app. By using SurveyedFeedback, you can enhance your app's user experience, making it more responsive and user-focused.
Visit Surveyed at https://surveyed.live
Installation
npm install react-native-surveyed-feedbackUsage
Here are some examples of how you can use the SurveyedFeedback component in your application:
- Basic usage with only the required surveyCode prop:
import SurveyedFeedback from 'react-native-surveyed-feedback';
// ...
<SurveyedFeedback surveyCode="your-survey-code" />;- Usage with the type prop set to "modal", along with custom styles for the modal and its container:
import SurveyedFeedback from 'react-native-surveyed-feedback';
// ...
<SurveyedFeedback type="modal" surveyCode="your-survey-code" />;- Usage with the type prop set to "component", along with custom styles for the main content and its container:
import SurveyedFeedback from 'react-native-surveyed-feedback';
// ...
<SurveyedFeedback surveyCode="your-survey-code" type="component" />;Please replace "your-survey-code" with your actual survey code in the above examples.
Props
The table below outlines the props offered by the SurveyedFeedback component:
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
surveyCode | string | Yes | surveyCode corresponds to the unique code of any survey type from the Surveyed website. | |
type | string | 'modal' | No | TDetermines the type of component - can be either 'modal' or 'component'. |
renderButton | function | No | Returns a custom button component. Applicable only when type is "modal". | |
onCloseCallback | function | No | Executes when the feedback modal closes. Applicable only when type is "modal". | |
onOpenCallback | function | No | Executes when the feedback modal opens. Applicable only when type is "modal". | |
onLoad | function | No | A function that is called when the WebView starts loading. | |
onLoadEnd | function | No | A function that is called when the WebView finishes loading. | |
onLoadStart | function | No | A function that is called at the start of each WebView load. | |
onError | function | No | A function that is called when a WebView loading error occurs. | |
containerStyle | ViewStyle | No | Style object for the WebView's container. | |
style | ViewStyle | No | Style object for the modal / main content. |
Contributing
We welcome contributions to this project, and we're grateful for your interest! Here are some ways you can contribute:
Bug Reports: If you find a bug, please create an issue detailing what you found. Include as much information as you can, such as the version of the package you're using, what you expected to happen, what actually happened, and steps to reproduce the bug.
Feature Requests: If you have an idea for a new feature, please create an issue describing your idea. Be as detailed as possible.
Pull Requests: If you'd like to contribute code to fix a bug, add a new feature, or even improve the documentation, here's how you can do it:
- Fork the repository.
- Create a new branch in your forked repository.
- Make your changes in the new branch.
- Submit a pull request from the new branch in your forked repository to the main branch in the original repository.
Please note that we have a code of conduct, and we ask you to follow it in all your interactions with the project.
License
MIT
Made with create-react-native-library