如何在React Native中写一个自定义模块

媒介

在 React Native 项目中可以看到 node_modules 文件夹，这是存放 node 模块的处所，Node.js 的担保理器 npm 是全球最大年夜的开源库生态体系。提到npm，一般指两层含义：一是 Node.js 开放式模块挂号和治理体系，另一种是 Node.js 默认的模块治理器，是一个敕令行软件，用来安装和治理 node 模块。本文旨在商量如安在 React Native 中写一个自定义的 npm 模块(类似于插件)，并上传到 npm 上供他人应用。

npm 应用介绍

npm 是一个 Node.js 模块，安装 Node.js 会默认安装 npm，可以在终端中应用以下敕令来查看 npm 的版本：

npm -v

进级 npm：

sudo npm install npm -g

安装模块(安装完毕后会产生一个node_modules目次，其目次下就是安装的各个node模块)：

npm install <ModuleName>

查看 npm 设备：

npm config list

设置代劳：

//设置 http 代劳 
npm config set proxy http://server:port 
//设置 https 代劳 
npm config set https-proxy http://server:port

膳绫擎介绍了一些 npm 根本敕令，接下来就可以在本地创建一个模块啦。起首打开终端中新建一个你想在此创建自定义模块的文件夹，然后在敕令行中登录 npm。输入以下敕令：

npm adduser

接下来会提示你输入用户名和暗码还有邮箱，一一完成后就可以输入以下敕令来查看当前 npm 用户了：

npm whoami

如不雅精确显示了刚才注册的用户名，解释登录成功了。然后就应用以下敕令来创建 npm 模块：

npm init

//这里的 'my-react-library'是在 package.json 定义的 name 
// 如许就可以 
import MyModule from 'my-react-library' 
 
export default class SomeClass  extends React.Component { 
    componentDidMount() { 
      // 调用 index.js 中定义的 doSomething() 
      MyModule.doSomething(); 
    } 
｝

履行上述敕令后，会引导你创建一个package.json文件，包含名称、版本、作者这些信息等。

创建模块

这里要提一下，为什么要写一个自定义模块。因为 React Native 固然实现了很多 Native 组件，并且供给了丰富的 API，然则有些原生库照样不支撑的，并且有很多开源的组件和库是面向原生的，是以要想在 React Native 中应用这些组件和库就须要本身定义一个模块，如许也便利别人集成。接下来我们直接进入正题。写一个 React Native 中可以应用的自定义模块。在敕令行中履行

react-native init AwesomeProject

初始化一个 React Native 项目。这里以 Android 为例，用 Android Studio 选择菜单 File->open 打开 AwesomeProject 文件夹下的 android 文件夹，然后选择 File -> New -> New Module，选择创建一个 Android Library，如图：

【编辑推荐】

基于RethinkDB +React Native开辟及时移动Web应用法度榜样
若何应用React Native制造圆形加载条
React Native Ubuntu简介
React Native填坑之旅--class（番外篇）
1/4 1 2 3 4 下一页尾页

　　推荐阅读

　　你家的摄像头安全吗？央视曝光大量家庭摄像头遭入侵……

现如今，很多人家里都装有智能摄像头。下载一个相接洽关系的应用法度榜样，可以随时用手机看看家里的情况。比如白叟独安闲家是否安然，保姆带娃是否尽责，有没有进小偷之类的。在QQ搜刮栏>>>详细阅读

本文标题：如何在React Native中写一个自定义模块

地址：http://www.17bianji.com/lsqh/35841.html

1/2 1