React-native-deep-score-sdk NPM

react-native-deep-score-sdk

Getting started

$ npm install react-native-deep-score-sdk --save

Mostly automatic installation

$ react-native link react-native-deep-score-sdk

Usage

    //Get event callback
    import { NativeEventEmitter } from 'react-native';
    import DeepScoreSdk from 'react-native-deep-score-sdk';

    // Define state variable: 
    state = {
        url: "...",
        userId:  "...",
        app_key: "...",
        key: "...",
    }

    // TODO: What to do with the module?
    componentDidMount(){
      // init componnent
      DeepScoreSDK.init(this.state.url, this.state.userId, this.state.app_key, this.state.key);

      // register receive event
      const eventEmitter = new NativeEventEmitter(DeepScoreSDK);
      eventEmitter.addListener('onComplete', (event) => {
        console.log("onComplete", event);
      });
      eventEmitter.addListener('onError', (event) => {
        console.log("onError", event);
      });
      eventEmitter.addListener('onException', (event) => {
        console.log("onException", event);
      });
    }

App.js sample

import React from 'react';
import { Button, NativeEventEmitter} from 'react-native';
import DeepScoreSDK from 'react-native-deep-score-sdk';

export default class App extends React.Component {
  state = {
    url: "ask_for_demo",
    userId:  "ask_for_demo",
    app_key: "ask_for_demo",
    key: "ask_for_demo",
  }

  componentDidMount(){
    DeepScoreSDK.init(this.state.url, this.state.userId, this.state.app_key, this.state.key);

    const eventEmitter = new NativeEventEmitter(DeepScoreSDK);
    eventEmitter.addListener('onComplete', (event) => {
      console.log("onComplete", event);
    });
    eventEmitter.addListener('onError', (event) => {
      console.log("onError", event);
    });
    eventEmitter.addListener('onException', (event) => {
      console.log("onException", event);
    });  
  }

  clickHandler = () => {
   DeepScoreSDK.scoring();
  }

  render() {
    return (
      <>
      <Button title="Call DeepScoreSDK" onPress={this.clickHandler} />
      </>
    );
  }
}

On ReactNativeApp - Modified file android > app > src > AndroidManifest.xml

add xmlns:tools="http://schemas.android.com/tools" to manifest tag
add tools:replace="android:name" tools:node="merge"> to application tag
Modify android:allowBackup="false" to android:allowBackup="true" file same below:
<manifest xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" package="com.deepscoresdkdemo"> <uses-permission android:name="android.permission.INTERNET" /> <application android:name=".MainApplication" android:label="@string/app_name" android:icon="@mipmap/ic_launcher" android:roundIcon="@mipmap/ic_launcher_round" android:allowBackup="true" android:theme="@style/AppTheme" tools:replace="android:name" tools:node="merge"> <activity android:name=".MainActivity" android:label="@string/app_name" android:configChanges="keyboard|keyboardHidden|orientation|screenSize" android:windowSoftInputMode="adjustResize"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" /> </application> </manifest>