react-native插件

前端之家收集整理的这篇文章主要介绍了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.f2er.com/react/303141.html

猜你在找的React相关文章