《ReactNative系列讲义》高级篇---03.编写npm组件

| 版权声明：本文为博主原创文章，未经博主允许不得转载。

一、简介

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=