react native一键分享功能实现&原理和注意点（支持微信、qq、新浪微博等）-白红宇

react native一键分享功能实现&原理和注意点（支持微信、qq、新浪微博等）

阅读量：461 次

发布时间：2019-03-06

本文共 1653 字，大约阅读时间需要 5 分钟。

前言

目前使用一键分享比较主流的两个SDK：ShareSDK、友盟。由于友盟功能较为全面，包含友盟统计、友盟推送等，本文将重点介绍友盟分享功能在React Native（RN）上的应用及需要注意的事项。

react native绑定SDK的两种方案

在实际开发中，绑定SDK的方式主要有以下两种：

自己下载SDK包并手动集成：

需要从SDK官网下载对应的SDK包，按照步骤分别在Android和iOS上进行配置。然后在React Native项目中注册Package和Module，实现原生与RN之间的通讯。这种方式比较繁琐，但能完全自定义。

使用现有开源或第三方方案：

借助其他开发者已经完成的Package和Module组件，直接将其引入RN项目中使用。这种方式相对懒人，但已经经过大量实践验证，代码复杂度较低，功能完整性较高。

总结：两种方案各有优劣，选择时需根据项目需求权衡。现有开源方案在功能上已经接近最优化，建议优先考虑使用。

一键分享实现方案

本文将使用友盟（UMeng）作为分享SDK。具体使用版本为UMeng Social Tools，GitHub地址已移除，本文将重点阐述注意事项。

注意事项（Android部分）

除了GitHub文档中提到的10个步骤外，以下几点配置均为必不可少：

修改相关代码包名：

需要在apshare、module、wxapi、WBShareActivity.java中将相关包名替换为项目自身包名。

添加必要的依赖：

在项目的build.gradle文件中添加如下依赖：

dependencies {    // ... 其他依赖 ...    compile 'com.android.support:multidex:'    // ... 其他依赖 ...}

启用Multi-dex支持：

在defaultConfig中设置multiDexEnabled标签为true：

defaultConfig {    // ... 其他配置 ...    multiDexEnabled true    // ... 其他配置 ...}

配置主应用类：

在MainActivity.java中添加友盟统计相关引用：

import com.umeng.analytics.MobclickAgent;import android.content.Intent;import android.os.Bundle;import com.umeng.socialize.UMShareAPI;

应用程序入口配置：

在MainApplication.java中引入必要的模块配置：

import com.xxx.module.SharePackage; // 自定义包名import com.umeng.socialize.Config;import com.umeng.socialize.PlatformConfig;import com.umeng.socialize.UMShareAPI;

常见问题与解决方案

在完成上述配置后，可能会遇到以下错误：

com.android.dex.DexIndexOverflowException: method ID not in [0, 0xffff]: 65935

解决方法：

添加分包依赖：

在build.gradle中添加multi-dex支持：

dependencies {    // ... 其他依赖 ...    compile 'com.android.support:multidex:'    // ... 其他依赖 ...}

启用Multi-dex支持：

在项目的build.gradle中添加以下配置：

defaultConfig {    // ... 其他配置 ...    multiDexEnabled true    // ... 其他配置 ...}

通过以上配置，应该能够解决该问题。

转载地址：http://abwbz.baihongyu.com/

你可能感兴趣的文章