RN模块化组件并发布到npm

第一步：创建自定义组件模版

1.安装react-native-create-library 

$ npm install -g react-native-create-library

2.创建模板

$ react-native-create-library --package-identifier com.library.dashixiong --platforms android,ios 项目名(不用react-native开头，因为会自动拼接 ，包名可以在这里直接指定) 

3.重命名项目名

mv test react-native-项目名

1.package.json修改

{

  "name": "react-native-test", //这个是发布的组件的名称，如果要发布到组织之下可以在前面加组织前缀如@1ziton/react-native-bdidentifi

  "version": "1.0.0",//每次发布都要修改这个版本号，不然发布不成功

  "description": "",

  "main": "index.js",

  "scripts": {

    "test": "echo \"Error: no test specified\" && exit 1"

  },

  "keywords": [

    "react-native"

  ],

  "author": "",

  "license": "",

  "peerDependencies": {

    "react-native": "^0.59.10"

  }

}

第二步：编写代码

android和ios代码分别编写

安卓参考https://reactnative.cn/docs/0.51/native-modules-android.html

readme.txt编写好如何导入和使用组件方便用户阅读

第三步：代码上传到github

修改package.json文件把仓库地址写好，并写好版本号。

需要我们将代码上传到自己的github仓库

第四步：准备npm registry账户

创建/登陆npm registry账户

$ npm adduser

1

来新增一个用户，或者你已经在官网注册了一个用户，可以通过：

$ npm login

1

来登陆npm registry账户

第五步：发布

命令行进入要发布的路径

$ cd 项目路径

1

发布代码

$ npm publish //发布到组织要用命令 npm publish --access public