Changes for page Flutter integration
Last modified by Developer on 2020/03/19 15:21
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -4,68 +4,71 @@ 4 4 5 5 = 1. Overview = 6 6 7 -The plugin is located at p ubrepositories [[(pubrepositories)>>https://pub.dev/packages/flutter_mobigate]]7 +The plugin is located at npmjs repositories [[(npm repositories)>>https://www.npmjs.com/package/react-native-mobigate]] 8 8 This plugin is built for: 9 9 10 -* Mobigate SDK version 1.0. 610 +* Mobigate SDK version 1.0.4 11 11 12 12 = 2. Adding SDK to the project = 13 13 14 -**First, add thistoyourpackage'spubspec.yamlfile**14 +**First, install library from the repository with** 15 15 16 16 {{code language=""}} 17 -dependencies: 18 - flutter_mobigate: ^1.0.2 17 +yarn add react-native-mobigate 19 19 {{/code}} 20 20 21 - **Install packages from the command line**20 +or 22 22 23 23 {{code language=""}} 24 - $flutter pubget23 +npm install react-native-mobigate --save 25 25 {{/code}} 26 26 27 - = 3. Apimethods=26 +**Link newly added plugin** 28 28 29 -To use any method from the plugin add import: 28 +* **React Native >= 0.60** 29 +Starting from React Native 0.60, [[autolinking>>https://github.com/react-native-community/cli/blob/master/docs/autolinking.md]] makes the installation process simpler 30 30 31 -{{code language="dart"}} 32 -import 'package:flutter_mobigate/flutter_mobigate.dart'; 31 +* **React Native <= 0.59** 32 +** Mostly automatic installation: 33 +{{code language=""}}react-native link react-native-mobigate{{/code}} 34 +** Manual installation:{{showhide id="1" showmessage="Manually link the library on Android" hidemessage="Manually link the library on Android"}}* Add to: android/settings.gradle 35 + 36 +{{code language="groovy"}} 37 +include ':react-native-mobigate' 38 +project(':react-native-mobigate').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-mobigate/android') 33 33 {{/code}} 40 +* Add to: android/app/build.gradle 34 34 35 -== 3.1 MobigateSDK class initialization == 42 +{{code language="groovy"}} 43 +dependencies { 44 +implementation project(':react-native-mobigate') 45 +} 46 +{{/code}} 47 +* Add the MobigatePackage class to your list of exported packages into: android/app/src/main/.../MainApplication.java 36 36 37 -Initialize class with //MobigateSDK(MobigateOptions options)// 49 +{{code language="java"}} 50 +... 51 +import pl.spicymobile.reactmobigate.MobigatePackage; 52 + 53 + 54 +@Override 55 +protected List<ReactPackage> getPackages() { 56 + return Arrays.<ReactPackage>asList( 57 + new MainReactPackage(), 58 + new MobigatePackage() 59 + ); 60 +} 61 +{{/code}}{{/showhide}} 38 38 39 - //MobigateOptions(apiKey,{appIdentifier,appInstallationSource,email,cusUserId,enableUserFields,dataGatherPolicy,notificationText,enableIdProfiles})//63 += 3. Api methods = 40 40 41 -{{showhide id="2" showmessage="MobigateOptions" hidemessage="MobigateOptions"}} 42 -(% class="table-bordered table-hover" style="border-color:powderblue" %) 43 -|=(% style="background-color:powderblue" %)Name|=(% style="background-color:powderblue" %)Type|=(% style="background-color:powderblue" %)Default|=(% style="background-color:powderblue" %)Description 44 -| appIdentifier|String| | Application identifier 45 -|appInstallationSource |String| | App installation source e.g., google-play, organic. 46 -|email |String | | Set's user email. 47 -|cusUserId |String | | You may use your custom userID for marking data. By default we are using device ID and emails for matching. Set it before starting the service using MobigateSDk.Builder method. 48 -| enableUserFields|Json Array | | Enable custom fields in user data. By default MobienceSDK is gathering all identifiers, which it can read. You can choose one of these field: ["email", "imei", "imsi", "msisdn", "mac", "serial"] see [[plugin user field constants>>https://wiki.spicymobile.pl/wiki/mobigatesdk/view/Main/sdkintegration/reactnativeintegration/#H4.1Userfieldconstants]]. 49 -| dataGatherPolicy| Json Object| | Enable custom data gater policy. By default MobienceSDK gather all data it can read and hide notification icon. Check below DataGatherPolicy options for more details. 50 -| notificationText|String | | if state = Mobigate.DATA_GATHER_POLICY_DEFAULT you can pass custom foreground service notification text. 51 -| enableIdProfiles|Boolean |false | turns on / off the IDs profiles system. 52 -{{/showhide}} 65 +To use any method from the plugin add import: 53 53 54 -{{showhide id="3" showmessage="DataGatherPolicy options" hidemessage="DataGatherPolicy options"}} 55 -(% class="table-bordered table-hover" style="border-color:powderblue" %) 56 -|=(% style="background-color:powderblue" %)Name|=(% style="background-color:powderblue" %)Type|=(% style="background-color:powderblue" %)Default|=(% style="background-color:powderblue" %)Description 57 -| monitorState|String| | Possible monitor states: [[plugin constants>>https://wiki.spicymobile.pl/wiki/mobigatesdk/view/Main/sdkintegration/reactnativeintegration/#H4.2Datagatherpolicyconstants]]. More info about gathering data [[here>>https://wiki.spicymobile.pl/wiki/mobigatesdk/view/Main/mobigatesdkintegrationforandroiddevelopers/#H5.8Datagatherpolicy]] 58 -{{/showhide}} 59 - 60 -{{showhide id="3" showmessage="Example" hidemessage="Example"}} 61 -{{code language="dart"}} 62 - MobigateSDK mobigateInstance = MobigateSDK(MobigateOptions( 63 - "V0K6jhiIfem6CRWHYZ59Nmj3oFBBKbJsnSsWfR2JNq7ktblOUXwbJoBQTpWnw2uSwW76gpiu2kun50jweTY69B" 64 - )); 67 +{{code language="javascript"}} 68 +import Mobigate from 'react-native-mobigate' 65 65 {{/code}} 66 -{{/showhide}} 67 67 68 -== 3. 2SDK initialization ==71 +== 3.1 SDK initialization == 69 69 70 70 You must initialize the library before running it. Use //init(apiKey, options, onSuccess, onError)// method for that: 71 71