react-native插件

本文主要介绍：react-native项目如何编写插件 参考文档： 1.原生模块：http://reactnative.cn/docs/0.47/native-modules-android.html#content 2.原生UI组件：http://reactnative.cn/docs/0.47/native-component-android.html#content 1.创建（已经存在）一个react-native项目ProjectReact，其中必然存在一个android目录。 2.打开android-studio，通过studio打开项目ProjectReact 中的 android目录，作为一个android项目。 3.在首选项是android的情况下，右键新建一个Module。这就是将要实现的插件。 4.按照参考文档，一步步操作，建立实体内容，对外暴露的接口。对react提供的方法一定要使用@ReactMethod注解。 5.ProjectReact项目使用该插件时需要做以下配置 5.1 settings.gradle中要配置相应的插件路径，如： include ':react-vibrate' project(':react-vibrate').projectDir = new File(rootProject.projectDir,'../node_modules/react-vibrate/android') 5.2 build.gradle中要配置需要编译的project，如：dependencies 节点下添加 compile project(':react-vibrate') 5.3 MainApplication.java 文件中方法 getPackages() 中需要在返回列表中添加对应的package类，如下 @Override protected List<ReactPackage> getPackages() { return Arrays.<ReactPackage>asList( new MainReactPackage(),new ReactVibratePackage() // 本次测试的插件 ); } 5.4 对于配置，可以直接执行命令 react-native link react-vibrate 即可完成以上配置（自动化命令） 5.5 卸载插件时，可以执行命令 react-native unlink react-vibrate 即可完成以上配置的清除。 6.将对应的插件拷贝插件对应的目录下，再按照插件的标准进行配置，如：npm init， 配置package.json，默认亦可，在配置package.json中声明的js文件。 比如index.js(默认)，需要引用自己写的android插件，然后再对外暴露一下接口。下一步便是将插件npm install到项目目录下。届时项目中便可以调用。

原文地址：https://www.jb51.cc/react/303141.html