创建自己的react-native组件并上传到npm

1.安装react-native-create-library用于创建自己的组件库

npm install -g react-native-create-library

2.创建组件库

执行：`react-native-create-library 组件库名`

执行完成之后会生成一个 组件库名的文件，打开里面会有android，ios 文件夹

3.编写原生代码

4.注册/登录 npm

1.注册

  npm adduser

2.登录

 npm login

利用以下两种方式来确认你是否创建/登陆成功npm

1. 命令 npm whoami确认本地是否成功登陆认证成功.

2. 在线打开npm 官网 查看是否创建账户成功.

5.发布

首次发布：

  npm publish

更新发布：

  npm version <update_type>
  npm publish

6.使用

npm install 库名 --save

快捷自动配置：

•   在terminal 中打开生成的库，执行 `yarn link` 注册。
  

•   注册成功之后退回到项目主目录下，`执行 yarn link 名称（package.json 中的name）`。
  

•   最好添加依赖执行：`react-native link 库名`。
  

android配置：

手动配置：

在settings.gradle 中

如库名为：react-native-react-native-custom-toast

 include ':react-native-react-native-custom-toast'
 project(':react-native-react-native-custom-toast').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-react-native-custom-toast/android')

在build.gradle 中

  implementation project(':react-native-react-native-custom-toast')

在 MainApplication 的getPackage方法中添加RNReactNativeCustomToastPackage()

代码如下：

         @Override
        protected List<ReactPackage> getPackages() {
            return Arrays.<ReactPackage>asList(
                    new MainReactPackage(),
                    new RNReactNativeCustomToastPackage()

            );
        }