HelpCenter RN 

集成 SDK

$3

1. 重要：先安装 maxleap-react-native, 参照 MaxLeap 开发文档

2. 安装 maxleap-helpcenter-react-native

``bash
npm install --save maxleap-helpcenter-react-native
`

3. 打开 Finder，找到本项目的根目录，使用 Xcode 打开 iOS 工程（双击 .xcodeproj 文件即可），然后导航到 /node_modules/maxleap-helpcenter-react-native/ios/lib 目录，把该目录下的 frameworks 都拖到 Xcode 工程中

4. 添加 Framework Search Paths

在 Xcode 中，导航到 Targets -> YourAppName -> "Build Settings"，找到 “Framework Search Paths” 一项，添加下面这个路径：

$(SRCROOT)/../node_modules/maxleap-helpcenter-react-native/ios/lib 并设置为recursive

$3

1. 按照 MaxLeap 文档 添加项目依赖。

1. 修改父工程目录下的 build.gradle 文件（与 settings.gradle 位于同级目录）。

`groovy
repositories {
flatDir{
dirs '../../node_modules/maxleap-helpcenter-react-native/dist/android'
}
}
`

2. 修改应用目录下的 build.gradle 文件，添加以下依赖

`groovy
dependencies {
compile(name:'maxleap-helpcenter-react-native', ext:'aar')
}
`

3. 修改工程的主 Activity 文件。

`java
import com.maxleap.reactnative.MLHelpCenterReactPackage;

@Override
protected void onCreate(Bundle savedInstanceState) {
MaxLeap.initialize(this, APP_ID, API_KEY, MaxLeap.REGION_CN);
super.onCreate(savedInstanceState);
}

@Override
protected List getPackages() {
return Arrays.asList(
new MainReactPackage(),
new MLHelpCenterReactPackage()
);
}
`

API

ShowFAQs()

弹出 FAQs 界面, 此界面右上角会有一个按钮 Contact Us, 点击会跳到用户反馈界面


showConversation()

直接弹出用户反馈界面

示例

`js
import React, { Component } from 'react';
import ReactNative, { View, Text, TouchableHighlight } from 'react-native';
import HelpCenter from 'maxleap-helpcenter-react-native';

const styles = {
container: {
justifyContent: 'center',
flex: 1
},
btnText: {
textAlign: 'center',
fontSize: 18
},
btn: {
height: 50,
justifyContent: 'center'
}
};

export default class Main extends Component {
render() {
return (

HelpCenter.showFAQs()}
underlayColor={'#32BE78'}
style={styles.btn}>

Help


HelpCenter.showConversation()}
underlayColor={'#F2BE78'}
style={styles.btn}>

Contact Us



);
}
}
``