React Native的腾讯IM插件
如何安装
1.首先安装npm包
npm install react-native-txim --save
2.link
react-native link react-native-txim
ios 手动link
待补充
Android 手动link
// file: android/settings.gradle
...
include ':react-native-txim'
project(':react-native-txim').projectDir = new File(settingsDir, '../node_modules/react-native-txim/android')
// file: android/app/build.gradle
...
dependencies {
...
api project(':react-native-txim')
}
工程配置(重要)
android配置
- 配置appid和离线推送的相关key,如果不需要离线推送那么离线推送部分可以省略
file: android/app/build.gradle
android{ defaultConfig{ ... manifestPlaceholders = [ //IM的appid IM_APPID : "xxxx", /**离线推送相关 */ //小米 XM_PUSH_APPKEY: "xxxx", XM_PUSH_APPID: "xxx", XM_PUSH_BUZID: "xxxxxx", //华为 HW_PUSH_BUZID: "xxxxxx", HW_PUSH_APPID: 'xxxxxx', //魅族 MZ_PUSH_BUZID: "xxxxxx", MZ_PUSH_APPID: '111111', MZ_PUSH_APPKEY: 'xxxxx', //vivo VIVO_PUSH_BUZID: "xxxxx", VIVO_PUSH_APPID: 'xxxxxx', VIVO_PUSH_APPKEY: 'xxxxxxx' ] } //这个是部分项目兼容性问题 packagingOptions }
file: android/build.gradle
allprojects
file: android/app/src/AndroidManifest.xml
<!-- 这里是权限相关配置--> <!-- ********华为推送权限设置start******** --> <!-- ********华为推送权限设置end******** --> <!-- ********小米推送权限设置start******** --> <!-- ********小米推送权限设置end******** --> <!-- ********魅族推送权限设置start******** --> <!-- 兼容flyme5.0以下版本,魅族内部集成pushSDK必填,不然无法收到消息--> <!-- 兼容flyme3.0配置权限--> <!-- ********魅族推送权限设置end******** --> <!-- 以下为离线推送配置 --> <!-- 小米 --> <!-- 华为 --> <!--魅族--> <!--vivo-->
android/app/src/main/java/<你的包名>/MainActivity.java
android/app/src/main/java/<你的包名>/MainApplication.java
:
...
ios配置
待补充
如何使用
引入包
import { XXX } from 'react-native-txim'; //你需要的模块
API
参考index.js