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
-
... ... @@ -11,62 +11,64 @@ 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 -{{showhide id="2" showmessage="MobigateOptions" hidemessage="MobigateOptions"}} 40 -(% class="table-bordered table-hover" style="border-color:powderblue" %) 41 -|=(% style="background-color:powderblue" %)Name|=(% style="background-color:powderblue" %)Type|=(% style="background-color:powderblue" %)Default|=(% style="background-color:powderblue" %)Description 42 -| appIdentifier|String| | Application identifier 43 -|appInstallationSource |String| | App installation source e.g., google-play, organic. 44 -|email |String | | Set's user email. 45 -|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. 46 -| 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]]. 47 -| 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. 48 -| notificationText|String | | Foreground service notification text. 49 -| enableIdProfiles|Boolean |false | turns on / off the IDs profiles system. 50 -{{/showhide}} 63 += 3. Api methods = 51 51 52 -{{showhide id="3" showmessage="DataGatherPolicy options" hidemessage="DataGatherPolicy options"}} 53 -(% class="table-bordered table-hover" style="border-color:powderblue" %) 54 -|=(% style="background-color:powderblue" %)Name|=(% style="background-color:powderblue" %)Type|=(% style="background-color:powderblue" %)Default|=(% style="background-color:powderblue" %)Description 55 -| 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]] 56 -|notificationText|String| | if state = Mobigate.DATA_GATHER_POLICY_DEFAULT you can pass custom foreground service notification text 57 -{{/showhide}} 65 +To use any method from the plugin add import: 58 58 59 -{{showhide id="3" showmessage="Example" hidemessage="Example"}} 60 -//MobigateOptions(apiKey,{appIdentifier, appInstallationSource,email,cusUserId,enableUserFields,dataGatherPolicy,notificationText,enableIdProfiles})// 61 - 62 -{{code language="dart"}} 63 - MobigateSDK mobigateInstance = MobigateSDK(MobigateOptions( 64 - "V0K6jhiIfem6CRWHYZ59Nmj3oFBBKbJsnSsWfR2JNq7ktblOUXwbJoBQTpWnw2uSwW76gpiu2kun50jweTY69B" 65 - )); 67 +{{code language="javascript"}} 68 +import Mobigate from 'react-native-mobigate' 66 66 {{/code}} 67 -{{/showhide}} 68 68 69 -== 3. 2SDK initialization ==71 +== 3.1 SDK initialization == 70 70 71 71 You must initialize the library before running it. Use //init(apiKey, options, onSuccess, onError)// method for that: 72 72