| 版权声明:本文为博主原创文章,未经博主允许不得转载。
一、简介
ReactNative Android版的发布已有两年多了,RN官网的迭代速度也是相当之快,给广大开发者提供的API也相当丰富了,但是官方给出的API也只能是共有功能或者是常用功能。但实际中,每款APP都会根据自己的产品需求开发一些特有功能。这篇文章就通过一个支持RTSP协议的摄像头功能组件,给大家介绍一下如何制作个性化的npm组件。
二、流程
1. 初始化ReactNative项目
react-native init your-project-name
Demo工程叫做RNVXGPlayer
2. android目录下添加lib工程
使用Android Studio打开RN项目的android工程,按照原生项目的开发方式,创建Android Library Module工程,名称叫做vxgplayer
步骤如图:
3. 导入第三方SDK
(1)将RTSPPlayer-master开源工程中libs目录下的mediaplayersdk.jar、org.apache.http.legacy.jar、android-support-v4.jar文件移入RNVXGPlayer项目vxgplayer工程中的libs目录下。
(2)将RTSPPlayer-master开源项目中libs目录下armeabi、armeabi-v7a、x86三个文件夹移入RNVXGPlayer项目vxgplayer工程jniLibs目录下(如果没有jniLibs目录请自行创建)。
(3)vxgplayer工程下build.gradle文件添加依赖
// 添加RN依赖
compile 'com.facebook.react:react-native:+'
// 添加第三方jar包依赖
compile files('libs/mediaplayersdk.jar')
compile files('libs/org.apache.http.legacy.jar')
(4)调整app主工程和lib工程SDK版本,根据自己项目的情况而定
(5)添加AndroidManifest文件相关配置
android:hardwareAccelerated="true"
android:largeHeap="true"
<uses-permission android:name="android.permission.CHANGE_NETWORK_STATE" />
<uses-permission android:name=