因为一个任务,要写原生的获取用户手机文件夹,实现用户自定义文件夹的功能,写好了之后尝试封装成组件。
1.
首先,有一个rn项目,用Adnroid Studio打开 android -> app -> build.gradle
如图新建一个 Android Module,名字就取react-native-xxxxxxx,根据功能取吧,包名都可以自定义的。
以react-native-directory为例
2.
react-native-directory->build.gradle 中添加依赖 react-native:+
也可以 File->Project Structure 中选择Module,选择Dependencies ‘
+
‘搜索下进行添加
3.
接着就是常规的建立Module,继承
ReactContextBaseJavaModule
实现getName()就是js调用的方法名
@ReactMethod 表名rn端可以调用的方法,注意
返回值为void
建立Package,实现ReactPackage接口,添加自己的Module
在react-native-directory中新建js文件,例如:index.js
4.测试
在原项目中添加依赖
项目名->android->settings.gradle
项目名->android->app->build.gradle
在MainApplication.java中添加Package
(忽略红色错误==)
var PathManager = NativeModules.PathSetting
PathManager.choose()…….进行验证
5.发布
在github上建立仓库,托管组件代码。
到react-native-directory目录下
检查一下npm的镜像源
npm get registry
如果不是官方镜像源,换回来
npm config set registry https://registry.npmjs.org/
npm login 如果没有npm账号,使用npm adduser
npm init按照要求生成package.json文件
npm publish!!!
6.关于!!!
react-native-directory
点击选择目录,点击确定返回目录path。。。
github:
https://github.com/simonyouth/react-native-dirtory
初生牛犊==