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://github.com/WithLei/plusClub/issues"
  },