SDK: Using React Native

Dropthought SDK helps you collect feedback or responses to your created programs. All you need to do is install the SDK using our APIs. The integration also enables you to collect metadata and feedback offline.

This article will help you understand:

1. How do you integrate Dropthought SDK into your application?

2. What are the prerequisites for integrating the application?

3. How to install SDK?

4. What steps are involved in installing and initializing SDK use?

5. What are the additional features?

We have got SDK APIs for iOS and Android separately. Refer to our help documentation to use them: iOS | Android

Scenario

While using Dropthought, you can create and manage programs via web or mobile apps.

You have an online shopping platform and would like to gather customers' online shopping experience upon placing an order via your app. 

To improve user experience, you can have your widget and link it to a program (survey) created on Dropthought.

How do you do that?
Upon creating a program on Dropthought, you need to connect the program to the interactive element using SDK. 

User Flow

To help you with a generic user flow:

1. Create a program on Dropthought.

2. Use the API key provided within your Account Profile.

3. Install SDK using the API key.

4. Navigate to the mobile app and go to Manage Native SDK.

5. Add or select the app from the following screen.

6. Create visibility. It helps identify the placement of the element or widget within the selected app.

7. Select the program you want to use for the program.

8. The program can now capture responses from the selected app.

Installing & Setting-up SDK

Installing and setting up SDK can be summarised as a three-step process:

1. Fetching API Key from your Dropthought Account

2. Installing SDK using NPM or Yarn methods

3. Initialize

Step 1: Fetching API Key from your Dropthought Account

1. Navigate to the Account tab.

   

2. Click on Account and then go to Account Profile.

   

3. You will find the API key.

   

Step 2: Installing the SDK

You can install SDK to your app and all dependencies using any of the below methods:

1. NPM: install @dropthought/react-native-dt-sdk

2. Yarn: add @dropthought/react-native-dt-sdk

While installing SDK, please ensure that the following dependencies are installed:

• react-native-aes-crypto

• react-native-safe-area-context

• react-native-secure-key-store

• lottie-react-native

Step 3: Initialize

Upon installing SDK, you need to initialize to start using the SDK. For the same, you can add the following code to index.js. 

Replace 'YOUR_API_KEY' with the API key fetched from the Dropthought account.

import {

  SurveyModalContainer,

  initialize,

} from '@dropthought/react-native-dt-sdk';

initialize({

  apiKey: 'YOUR_API_KEY',

  storage: AsyncStorage,

});

// Add this container around your component

<SurveyModalContainer>{/* Your components */}</SurveyModalContainer>;

Dropthought’s SDK is now installed and initialized on your Dropthought mobile app.