React-Native学习之路(十)使用第三方库实现分享功能

时间:2024-03-14 20:29:14

本文章实现了第三方分享、登录的功能,主要基于另一个博主的文章,在此仅对实现方法及集成过程中的问题进行详细的记录,方便自己日后回顾,详细操作请参考原作https://blog.csdn.net/u013718120/article/details/75040805

作者的github:https://github.com/songxiaoliang/react-native-share

Android平台

 1.在app目录下添加libs文件夹,将从友盟下载的SDK复制到此文件夹下

React-Native学习之路(十)使用第三方库实现分享功能

在依赖里添加这些jar包

React-Native学习之路(十)使用第三方库实现分享功能

 2.包名目录下引入所需交互代码,在引入作者的源码时,一定注意修改相关包名路径(以下是需要引入的代码,在作者的github上都能找到)

React-Native学习之路(十)使用第三方库实现分享功能

3.添加权限

  1. <uses-permission android:name="android.permission.INTERNET" />

  2. <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

  3. <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />

  4. <uses-permission android:name="android.permission.READ_PHONE_STATE" />

  5. <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

  6. <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>

  7. <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />

  8. <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />

  9. <uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />

4.在AndroidMainfest.xml文件下的 <application></application>中添加分享平台,作者原文里列出来了所有的平台,可根据自己的需要进行选择。

5.搞定签名文件,这个和打包那个签名是一样的,如果有直接用就行了。

 

6.在MainApplication中进行初始化

React-Native学习之路(十)使用第三方库实现分享功能

7.在项目中进行桥接,添加以下两个文件

React-Native学习之路(十)使用第三方库实现分享功能

React-Native学习之路(十)使用第三方库实现分享功能

8.在需要实现第三方登录分享的地方直接import上面两个文件,然后直接用就Ok了(具体用法参考原作者的Github)