Product Guide
  • Introduction
  • Product Training
    • Account & Project Management
    • Product Feedback Management
    • Product Guide For Session Replay & Heatmap
  • installation
    • Web
      • JavaScript SDK
      • Google Tag Manager
    • Mobile App SDK
      • Android Survey SDK
      • IOS Survey SDK
      • React Native SDK
    • Converse AI
      • Create a new Converse AI
      • Configure Conversation
  • Compose Survey
    • Create With AI
    • Survey From Scratch
    • Survey Templates
    • Enterprise Surveys
    • In-Product Surveys
    • Prototype Tests
    • Replays
    • Website Feedback Button
    • In-Product Video Widget
  • Survey Designer
    • Survey Theme
    • Survey Question Types
      • Welcome Page
      • Net Promoter Score (NPS)
      • Customer Satisfaction Score (CSAT)
      • Customer Effort Score (CES)
      • Video
    • Advance Survey Design
    • Survey Design Guidelines
  • Launch Survey
    • Web Surveys
    • Social Media Survey
    • Email Survey
    • Bulk Email Surveys
    • SMS Survey
      • SMS Survey By Link
    • Website Feedback
    • Events
  • Survey Branching
    • Jumping Questions
    • Disqualify Response
    • Terminate
  • Integration
    • Shopify
    • Slack
    • Google Sheet
    • Zendesk
    • Freshdesk
    • Zapier
    • Google Analytics
    • Square Online Integration
  • Workflows
    • Salesforce Workflow
      • Create an email campaign for Salesforce Case/Opportunity.
      • Map survey response data into Salesforce
        • Create event-based Salesforce workflow
      • Import contact data from Salesforce to Qwary
    • Zendesk Workflow
      • Send post-resolution email surveys campaign
      • Map survey response data into Zendesk
        • Event-based Zendesk workflow
    • Snowflake Workflow
  • Insights
    • Standard Reporting
    • NPS Reporting
    • CSAT/CES Rating
    • Key Driver Analysis
    • Text AI
      • Topics
  • Team Collaboration
    • Invite Team Member
    • Share Survey
    • Share Dashboard
  • Closed Feedback Loop
    • Workflow
    • Native Case Management System
    • Rule Based Email Notifications
  • Use Cases
    • Product Onboarding Surveys
    • Review Generation Campaigns
    • Square Online Customer Feedback
    • Ultimate Guide To Net Promoter Score (NPS)
    • Ultimate Guide For Customer Satisfaction Score (CSAT)
    • Ultimate Guide For Customer Effort Score (CES)
    • Product Survey Questions Guide
    • Segment customers for Email/SMS Surveys
  • Videos
    • Create a Survey
    • Create a Video Survey
    • Question Types
    • Design a Survey
    • Branching
    • Multilingual Surveys
    • Settings
    • Responses Settings
    • Distribute Survey
    • Square Online Integration
    • Analysis
    • Company Settings
    • Page
  • FAQ
    • Delete Test Responses
    • Turn off Qwary Branding
    • How to Configure Custom SMTP for Your Survey?
    • How to Request CNAME?
    • How to use Survey Variables?
    • Adding Hyperlink to Survey Text
    • GDPR Compliance
    • Survey Phishing
    • Enable GeoIP Collection for Your Survey
    • Add Custom Contact Field
    • Unsubscribe Contacts from List
    • Customize Image Size
    • Close Survey on Specific Date
    • Install Qwary Intercept with Single Page Applications
    • Move Survey Question
    • Download Response
    • Enable Partial Submission
  • Account & Billing Management
    • Reset Password
    • Invite Team Member
  • Converse AI
Powered by GitBook
On this page
  • Find Github Project Here: QwarySurveyReactNative
  • Getting started
  • Manual installation
  • Android Usage
  • IOS Usage
  • Usage

Was this helpful?

  1. installation
  2. Mobile App SDK

React Native SDK

React Native Library for survey which enables you to integrate feedback into Android app using few lines of code.​

PreviousIOS Survey SDKNextConverse AI

Last updated 2 years ago

Was this helpful?

Find Github Project Here:

Getting started

$ npm install react-native-qwary-latest --save

Mostly automatic installation

$ react-native link react-native-qwary-latest

Manual installation

Android Usage

​

  <View style={styles.container}>
      <TouchableOpacity
        onPress={() =>
          Survey.runSurvey(
            {
              domain: 'https://survey.qwary.com/form/',
              token: '3Y6A066rNaDrV17TDvQBN6VHVe0P5jrXTClr9qVwer0=',
              loader: true,  /* For loading bar visibility */
              modal: false,  /* For full and half view */
              showNow: true, /* Invoke survey now or else schedule */
              startAfter: '60000',  /* Time interval for schedule (60000 for to schedule after 1 minute) */
              params: [  /* Add desired params */
                { email: 'jondoe@acmeinc.com'},
                { planId: 'trial1'},
              ]
            },
            () => console.log('CallBack'),
          )
        }>
        <Text>useColorScheme(): {colorScheme}</Text>
      </TouchableOpacity>
    </View>

IOS Usage

​​[Note: Use Xcode to avoid error]

  • Add the qwarysurvey/QWarySurvey/SDK in your project ProjectRoot/ios folder

  • Create the bridging header and add '#import "React/RCTBridgeModule.h'.

  • Open the IOS folder in XCode go to your project Build settings and find "Defines Modules" and change it to yes.​​

  • Go Inside SDK/RCTBridgingObjC/RCTQwarySurveyModule.m and change #import 'qwary-Swift.h' to your projects name (e.x AppName.xcworkspace #import 'AppName-Swift.h) and its case-sensetive.​

Usage

import {NativeModule} from 'react-native',
const Survey=NativeModule.Survey;
const runSurvey=Survey.runSurvey
//You can use this runSurvey()
// TODO: What to do with the module?
Survey;

​

Download swift source code from

here
QwarySurveyReactNative
React Native App SDK