ReactNative自定义组件

开发中我们知道，ReactNative提供的组件并不能完全满足开发的需求，此时就需要自定义一些通用组件，那么如何导出全局的自定义组件呢？

一、自定义组件的导出

二、自定义组件的封装

三、发布到npm

1、npm官网注册账号 https://www.npmjs.com/signup

2、进入GitHub下载的代码文件夹内，执行

npm init

接下来就是需要一系列的信息填写了

name：填写你这个包的名字，默认是你这个文件夹的名字；为确保npm上有没有重名的 首先npm install安装一下你的这个包 如果报错，就是没有重名，如果能下载 那么说明npm上已经有此报名了就需要改名了。
version：你这个包的版本，默认是1.0.0
description：这个用一句话描述你的包是干嘛用的,比如：“自定义封装一些RN官方不提供的组件”
entry point：入口文件，默认是Index.js，你也可以自己填写你自己的文件名
test command：测试命令，这个直接回车就好了，因为目前还不需要这个
git repository：这个是git仓库地址，GitHub或者其他的，主要是能供外网访问下载的地址。如：“https://github.com/gongchenghuigch/rn-design.git”
keyword：这个关系到有多少人会搜到你的npm包，尽量使用贴切的关键字作为这个包的索引
author：自定义名称，写你的账号或者你的github账号吧
license：默认ISC，这个直接回车，开源文件
最后会生成一个package.json的文件

{
“name”: “rn-design”,
“version”: “1.0.0”,
“description”: “关于一些自定义RN组件的封装”,
“main”: “index.js”,
“scripts”: {
“test”: “echo “Error: no test specified” && exit 1”
},
“repository”: {
“type”: “git”,
“url”: “https://github.com/gongchenghuigch/rn-design.git”
},
“author”: “龚成辉”,
“license”: “ISC”
}

之前npm init的信息也可以在package里面修改

3、npm 命令登陆

npm login
Username:注册的npm登录名，如果已登录直接显示自己的登陆名，直接回车就行
Password:注册的npm登录密码
或者使用

//添加用户
npm adduser
4、npm发布到官网

在你的目录下使用npm publish

每一次发布新的一版，version版本要改变，不然npm会给我报错。一般情况下，一旦你要修改你已经发布后的代码，然后又要执行发布操作，务必到package.json里面，把version改一下，比如从1.0.0改为1.0.1，然后在执行npm publish，这样就可以成功发布了。

四、业务端引入使用

1.安装对应的自定义组件模块
npm install xxxx

2.引入

/*cst demo*/
import { Radio } from "@/rn-design";
/wubaRN demo*/
import { Swiper } from '@w/wuba-design'