React-Native与安卓原生的混合开发

写在前面

目前很多大厂APP（如淘宝、饿了么、美团等等）并不是纯原生Android&IOS，也不是纯JS开发，而是Hybird APP开发，混合型优势很多：比如热更新，保证在一些类似双十一的活动到来时能够快速上线活动页面，用户不必再去更新APP。再来有效地减小了安装包的体积大小，大部分的界面都位于服务器端，本地只需要进行绘制。

1. 新建Android项目

我这里使用之前的项目

2. 在项目根目录引入React-Native模块

在项目根目录打开终端（tip:按住shift + 右键，选择打开dos窗口）
输入

npm init
 

这里输入一些该项目的属性，为了生成package.json文件的项目描述。
接下来引入rn的一些模块文件

npm install --save react react-native
 

此时会在根目录生成一个node_modules文件夹，存的是RN的一些模块文件
结束后会输出一些日志信息，如果出现版本问题需要重新下载，因为react-native对react的版本有严格要求，高于或低于某个范围都不可以。

npm i -S react@某.某.某版本//此处为提示的版本号
 

接下来打开package.json文件，在scripts模块下添加

"start": "node node_modules/react-native/local-cli/cli.js start"
 

我的package.json文件

{"name": "plusclubrn","version": "1.0.0","description": "plusclub in rn","main": "index.js","scripts": {"test": "echo "Error: no test specified" && exit 1","start": "node node_modules/react-native/local-cli/cli.js start"},"repository": {"type": "git","url": "git+https://github.com/WithLei/plusClub.git"},"keywords": ["react","native"],"author": "renly","license": "ISC","bugs": {"url": "https://gi