Skip to content

trinadhkoya/react-native-hotline

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

# react-native-hotline

hotline.io integration with React Native App for Android

#1

Add below lines to project level build.gradle

Top-level build file where you can add configuration options common to all sub-projects/modules.

buildscript {

 repositories {
     jcenter()
 }

 dependencies {
     classpath 'com.android.tools.build:gradle:2.2.3'
     classpath 'com.github.dcendents:android-maven-gradle-plugin:1.5'
 }
}

 allprojects {
     repositories {
         jcenter()
         maven { url "https://maven.google.com" }
         maven { url "https://jitpack.io" }
         maven {
             url "$rootDir/../node_modules/react-native/android"
         }
     }
 }

#2

Now app level build.gradle

add this dependency under dependencies:

dependencies{
    ....
    compile 'com.github.freshdesk:hotline-android:1.2.5'

}

#3

Add the above java files Constants,HotLineModule,HotLineReactPackage to your Java source folder.

#4

After addding,include your HotLineReactPackage to MainApplication where all your packages includes

,new HotLineReactPackage()

#5

Now Final Step is to add HotLine Configuration in your MainActivity under onCreate method

I added these lines of code under onCreate().

HotlineConfig hlConfig = new HotlineConfig(Constants.HOTLINE_APP_ID, Constants.HOTLINE_APP_KEY);

hlConfig.setVoiceMessagingEnabled(false);//depends on your requirement

hlConfig.setCameraCaptureEnabled(true);//depends on your requirement

hlConfig.setPictureMessagingEnabled(true);//depends on your requirement

Hotline.getInstance(getApplicationContext()).init(hlConfig);

#6

Now call show method from your .js(from where you want to trigger the action) in your react-native project

Don't forget to import NativeModules before calling i.e add the following line

import {NativeModules} from 'react-native';

then place below line under any action (onPress)

NativeModules.HotLineChat.show(param1,param2,param3)

You might ask what is HotLineChat?

That is what we have returned our Module name as in HotLineModule.java file under getName() method