# React Native SDK

### Find Github Project Here: [QwarySurveyReactNative](https://github.com/manoj-qwary/QWarySurveyReactNative?utm_source=encharge\&utm_medium=email\&utm_campaign=Mobile+APP+SDK+Announcements\&utm_content=Introducing+Qwary%27s+new+mobile+app+SDK+for+in-app+feedback+%F0%9F%99%8C)

{% embed url="<https://vimeo.com/760582248?utm_campaign=Mobile+APP+SDK+Announcements&utm_content=Introducing+Qwary%27s+new+mobile+app+SDK+for+in-app+feedback+%F0%9F%99%8C&utm_medium=email&utm_source=encharge>" %}
React Native App SDK
{% endembed %}

### 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]

Download swift source code from [here](https://gitlab.com/Shehryar3/qwarysurvey/)

* 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.​​

  <figure><img src="https://camo.githubusercontent.com/a0754ee59786417a6f778321412bba97acb7a4b9a0498948be2a1c2a3bde31aa/68747470733a2f2f692e696d6775722e636f6d2f734d4a5a7572432e706e67" alt=""><figcaption></figcaption></figure>

  <figure><img src="https://camo.githubusercontent.com/8509948864926a813eadab236ec2a8c66b6193c228f11e88e01d2ce9d6ad2253/68747470733a2f2f692e696d6775722e636f6d2f515546787767542e706e67" alt=""><figcaption></figcaption></figure>
* 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;
```

​


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.qwary.com/product-guide/installation/mobile-app-sdk/react-native-sdk.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.